#jNotify {
position:absolute;
background:#d8e6fc url('../../images/info.png') no-repeat 15px 15px;
color:#35517c;
border:1px solid #a7c3f0;
padding:10px;
padding-left:50px;
margin:15px;
z-index:9999;
-moz-border-radius : 5px;
border-radius:5px;
-webkit-border-radius:5px;
padding-top:20px;
padding-bottom:20px;
max-width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
box-shadow:0px 0px 8px 0px #000000;
border:2px solid #ffffff;

}
#jNotify a {color:#35517c !important;text-decoration:none;}

/******************/
/** jSuccess CSS **/
/******************/
#jSuccess {
position:absolute;
background:#E6EFC2 url('../../images/success.png') no-repeat 15px 15px;
color:#264409;
border:1px solid #C6D880;
padding:10px;
padding-left:50px;
margin:15px;
z-index:9999;
-moz-border-radius : 5px;
border-radius:5px;
-webkit-border-radius:5px;
padding-top:20px;
padding-bottom:20px;
 max-width:400px;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
box-shadow:0px 0px 8px 0px #000000;
border:2px solid #ffffff;


}
#jSuccess a {color:#264409 !important;text-decoration:none;}



/****************/
/** jError CSS **/
/****************/
#jError {


position:absolute;
background:#FBE3E4 url('../../images/error.png') no-repeat 15px 15px;
color:#333333;
border:1px solid #FBC2C4;
padding:10px;
padding-left:50px;
margin:15px;
z-index:9999;
-moz-border-radius : 5px;
border-radius:5px;
-webkit-border-radius:5px;
padding-top:20px;
padding-bottom:20px;
max-width:400px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
box-shadow:0px 0px 8px 0px #000000;
border:2px solid #ffffff;
}
#jError a {color:#8a1f11 !important;text-decoration:none;}

/** OVERLAY **/
#jOverlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:9998;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
box-shadow:0px 0px 8px 0px #000000;
border:2px solid #ffffff;

}

.MyRecognitionThread ul.pic img { width:64px;
}

@media screen and (max-width: 780px) {
    #jNotify, #jSuccess, #jError {
        min-width:50px !important;
        width: 80% !important;
        
    }

    .feedback-tab { display:none !important;}



.MyRecognitionThread{ width:99.5% !important; min-height:50px !important; height:auto !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  margin:0px; padding:0px;  position:relative; clear:both; padding-top:6px;  border:1px solid #CFD4DA !important; margin-top:5px; overflow:auto;}

.MyRecognitionThread ul.pic{ width:5% !important; height:auto !important; border:none !important; float:left; margin-right:6px !important; margin:0px; padding:2px; list-style:none; border-radius:8px; text-align:center;}
.MyRecognitionThread ul.pic img { width:100% !important; }
.MyRecognitionThread ul.pic li div.sup { display:none;}
.MyRecognitionThread ul.cont{ width:91% !important; min-height:50px !Important; height:auto !important; border:none !important; float:left; margin:0px; padding:2px; list-style:none; border-radius:0px !important;}
.MyRecognitionThread ul.cont:hover {background-color: none !important;}
.MyRecognitionThread ul.cont li ul.inner img.smallthumb{ width:35px !Important; height:34px !important; float:left; border:1px solid #E3E3E3; margin-right:10px; margin-left:3px; margin-top:3px; padding:2px;}
.MyRecognitionThread ul.cont li ul.inner li.up{ min-height:40px !important; padding:5px; height:auto !important;}
.MyRecognitionThread ul.cont li ul.inner li.dn div.lt_cont{ color:#949596; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-size:11px; width:95%; float:left;text-decoration:none; margin-top:8px; padding-left:5px; left:10px; }
.MyRecognitionThread ul.cont li ul.inner li.dn{ height:auto; background-color:#F6F8FA; border-top:1px solid #E3E3E3;}
.MyRecognitionComments_post{ margin-left:-10px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; margin:0px; padding:0px; width:100% !Important;}
.MyRecognitionComments_post ul li.inp{ clear:both; margin-bottom:5px; margin-top:0px; padding:0px;  width:100%; padding-top:5px;}
.NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9;  width:85.2%; height:20px; border-radius:}
.MyRecognitionCommentsComments{ width:100% !Important; margin-left:0px !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; clear:both; padding-top:5px; border-bottom:1px solid #d9d9d9; overflow:auto; background-color:#F0F0F0; margin-top:2px !important; clear:both !important }
.MyRecognitionCommentsComments ul li.cont{ width:85% !Important; float:left; margin-right:10px; min-height:35px; display:table-cell; vertical-align:middle; }
.AwardWallTopSection ul li.Name{ width:17% !Important; margin-right:15px; float:left; padding-top:7px; padding-left:5px;}
.AwardWallTopSection ul li.Even{ width:100% !important; margin-right:5px !important; float:left; clear:both !important; margin-top:5px !important;}
.AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; clear:both !important; padding-top:4px;}




}

@media screen and (max-width: 440px) {
.NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9;  width:82.2%; height:20px; border-radius:}
.AwardWallTopSection ul li.Even{ width:100%; margin-right:5px !important; float:left; clear:both !important;  margin-top:5px !important;}
}

@media screen and (max-width: 360px) {
.NewTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; padding-left:7px; color:#999999; border:1px solid #d9d9d9;  width:80.2%; height:20px; border-radius:}

}


.IncWidth_20 { width:20% !important;}

@font-face {
    font-family: Olde English;
    src: local(Olde English), url('../../fonts/old-english-text-mt-1361508478.ttf') format('truetype');
}

@font-face {
    font-family: CAC Champagne;
    src: local(CAC Champagne), url('../../fonts/CAC_Champagne.ttf') format('truetype');
}




@font-face {
    font-family: Freestyle Script;
    src: local(Freestyle Script), url('../../fonts/FREESCPT_2.ttf') format('truetype');
}

@font-face {
    font-family: Calibri;
    src: local(Calibri), url('../../fonts/CALIBRI_1.ttf') format('truetype');
}


@font-face {
    font-family: Monotype Corsiva;
    src: local(Monotype Corsiva), url('../../fonts/MTCORSVA_2.ttf') format('truetype');
}


@font-face {
    font-family: Open Sans Light;
    src: local(Open Sans Light), url('../../fonts/OpenSans-Light.ttf') format('truetype');
}
.AwardCont { width:700px;
}
.AwardResource{ min-width:64px; margin-right:30px; float:left; margin-bottom:10px; padding:5px; height:100px;}
    .AwardResource div.pic { min-height:64px; min-width:64px; border:1px solid #d9d9d9;     }
    .AwardResource img { height:64px; width:64px; border:none !important;}
    .AwardResource div.Rad { clear:both; margin-top:0px; text-align:center; width:64px;}

    .AwardResource:hover { background-color:#EBEBEB;}

    .AwardCallOut{ width:30px; height:30px; background-image: url('../../images/CallOut.png'); background-repeat:no-repeat;  position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:9px !important; font-weight:normal !important; color:#ff0000; display:table-cell;  text-align:center; vertical-align:middle;padding-top:5px; padding-left:3px; margin-top:-10px; margin-left:66px; z-index:999; }


    .PointsScrum{ width:auto; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:bold ; color:#333333; float:left; border-right:1px solid #ccc; padding-right:15px; }
		.PointsScrum span.PointsVal{ font-weight:normal !important; padding-left:5px; color:#666666 !important }

.MainTitles_acc2
{ overflow:auto;
}
.MainTitles
{ overflow:auto;
}


 .etabs { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #c9c9c9; border-bottom: none;  border-radius:10px 10px 0px 0px; margin-left:7px; background-image:url(../../images/tab_bg.jpg); background-repeat:repeat-x; color:#393939 !important; }
    .tab a {  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333;  display: block; padding: 0 10px; outline: none; height:24px;line-height:27px;margin-bottom:-1px; text-decoration:none;}
    .tab a:hover { text-decoration: none; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #c9c9c9; }
    .tab a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; border-top: solid #c9c9c9 1px; padding: 5px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }




	li.two_auto2
        { width:110px !important; 
        }


.FloatLeft { width:16px !important; float:left  !important; margin-right:15px; }
.FloatLeft img { height:16px;}
.FloatLeft a{opacity:1.0; color:#ffffff; text-decoration:none;}
.FloatLeft a:hover{opacity:0.7}


.FloatLeft div.Support a{opacity:1.0; color:#ffffff; text-decoration:none; background-image:url(../../images/SupportWhite_Icon.png); background-position:left; background-repeat:no-repeat; padding-left:18px;}
.FloatLeft div.Support a:hover{opacity:0.7}





/*PDF DROPDOWN*/

.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	width:250px !important;
	
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
	text-align:left !important;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 8px;
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 18px;
	clear:both !important;
	text-align:left !important;
	float:left !important;
	width:95% !important;
}

.dropdown .dropdown-menu LI > A,
.dropdown .dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	white-space: nowrap;
}

.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
	background-color: #666;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdown.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdown .undo A { background-image: url(icons/arrow-curve-180-left.png); }
.dropdown .redo A { background-image: url(icons/arrow-curve.png); }
.dropdown .cut A { background-image: url(icons/scissors.png); }
.dropdown .copy A { background-image: url(icons/document-copy.png); }
.dropdown .paste A { background-image: url(icons/clipboard.png); }
.dropdown .delete A { background-image: url(icons/cross-script.png); }


.RightDivPoints {
    width:auto;float:right;  margin-right:10px; font-size:12px !important;  font-weight:normal !important; color:#ffffff  !important; margin-top:6px; text-align:right !important;; 
}


.ShowMoreBut{ width:100%;cursor:pointer;  height:25px; display:table-cell; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#757575; border:1px solid #E5E5E5; background-color:#FCFCFC; border-radius:3px; box-shadow:0px 0px 1px 0px #cccccc; background-color:#F1F1F1;}

.ShowMoreBut:hover{ width:100%;cursor:pointer; height:25px; display:table-cell; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#757575;  background-color:#FCFCFC; border-radius:3px; box-shadow:0px 0px 3px 0px #cccccc;}


.ScrollTop{width: 630px !important; margin:0px;}
.scrollable { width: 550px !important;}
.scrollable ul { margin-right: 5px !important; margin-left: 5px !important; text-align:center !important;}
.scrollable ul li.one{ width:auto; clear:both; text-align:center; margin-bottom:0px !important }
.scrollable ul li.two{ min-height:28px;font-size:11px; text-align:center;  width:100px; overflow:hidden; border-bottom:1px solid #d9d9d9; padding-bottom:5px; padding-top:0px; margin-top:0px; font-weight:bold;}


.RedTextLeft2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important;}
.tab_container
{min-height:150px !important; }

.GrayTextNew {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#949596; margin-right:10px;}
.CitationIcons4AwardWall { width:auto; float:right; text-align:right; margin-right:0px; margin-top:-2px;}
.CitationIcons4AwardWallTwo { width:auto; float:right; text-align:right; margin-right:0px; margin-top:10px;}

.IconOP { opacity:0.4;}
.IconOP:hover { opacity:1.0;}
#dvTip {padding: 10px !important; background-color: #FFF8DC;  min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;display:none; position:absolute;left:0px;top:0px; border-radius:7px; }
/*#dvAwardName {padding: 5px; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:block; position:absolute;left:0px;top:0px;}
#dvAwardDescription {padding: 5px; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:block; position:relative;left:0px;top:10px; }*/

#mktipmsg2 {padding: 5px; background-color: #FFF8DC;  border: 1px solid #DEB887; min-width:150px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; display:none; position:absolute;left:0px;top:0px; border-radius:7px; }
	#mktipmsg2 ul
	{ list-style:disc !important;
	}
    #mktipmsg2 div { color:#333333; clear:both; font-size:11px; font-weight:bold}
      #mktipmsg2 span { color:#6b6b6b;  font-size:12px; font-weight:normal; line-height:none; height:auto; padding:0px; margin:0px; ;margin-bottom:10px;}

.Cent { width:97% !important; margin-left:0px !important;}


.FiftyPxs { width:50px !important; margin-right:10px;}

.ClientBoard ul.HideShow li.InputSection_LeftNew{  clear: none !important;float: left;padding-bottom: 10px;width:auto; float:left;}
.ClientBoard ul.HideShow li.InputSection_RightNew{  clear: none !important;float: left;padding-bottom: 10px;width:auto; float:left; margin-left:20px;}

.ClientBoard ul.HideShow li.ForLoginBG {clear: both; float: left; padding-bottom: 5px; padding-top: 6px;  width: 25% !important;}
    .ClientBoard ul.HideShow li.ForLoginBG div.FixedSize { color:#999999 !important; font-size:11px !important;}
.TwelveFont { font-family:Arial, Helvetica, sans-serif  !important; font-size:12px !important;}
.MyRecognitionAwardName { font-family:font-family:Arial, Helvetica, sans-serif  !important; font-size:20px !important; color:#666 !important; font-weight:normal !important;}

ul#ShareDropDown {float:left; list-style:none; margin:0px; padding:0px; margin-left:5px; display:block !important;}		
ul#ShareDropDown img{ border: none !important}
ul#ShareDropDown li a {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #333333; text-decoration:none; background-color:#E9E9E9; width:30px; height:20px; text-align:center; padding-top:5px; border-radius:0px 7px 0px 0px; margin-top:-5px; margin-right:-7px;}	
ul#ShareDropDown li a:hover {float:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #ff0000; text-decoration:none; background-color:#B1B1B1; width:30px; }		
ul.Sub_ShareDropDown { position:absolute; display:none; list-style:none; margin:0px; margin-left:-0px; margin-top:25px;  text-align:left; width:30px !important; margin-left:-40px; z-index:1000; clear:both;}
ul.Sub_ShareDropDown li a{ clear:both;  background-color:#E9E9E9; width:30px; height:25px !important; text-align:center; padding-top:2px; border-radius:0px !important; border-top:1px solid #ffffff; box-shadow:0px 0px 1px 0px #333333;}
ul.Sub_ShareDropDown li a:hover{ clear:both;  background-color:#ffffff !important;}

.WidgetContainer{
position: relative;
width: 100%; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
}

.AwardWallTopSection{ width:98.5%; margin:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; margin-top:5px; margin-bottom:5px;  background-color:#EEEEEE; overflow:auto; border:1px solid #d9d9d9;}
.AwardWallTopSection ul{ width:100%; margin:0px; padding:0px; list-style:none;}
.AwardWallTopSection ul li.Name{ width:10%; margin-right:15px; float:left; padding-top:7px; padding-left:5px;}
.AwardWallTopSection ul li.Even{ width:23%; margin-right:15px; float:left;}
.AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; padding-top:4px;}




#aToolTip {
	position: absolute;
	display: none;
	z-index: 500;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/
.defaultTheme {
	
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	color:#fff;
	margin:0;
	padding:6px 12px;	
	width:200px;
	
	-moz-border-radius: 12px 12px 12px 0;
	-webkit-border-radius: 12px 12px 12px 0;
	-khtml-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
    
	box-shadow: 4px -4px 10px 0px #000; /* for Safari and Chrome */
	
	
}

    .defaultTheme div.AwardName { font-weight:bold !important; font-size:14px !important;
    }

    .defaultTheme div.Desc { font-weight:normal !important; border-bottom:none !important; font-size:12px !important;
    }
	
	.defaultTheme #aToolTipCloseBtn {
		display:block;
		height:18px;
		width:18px;
		background:url(../images/closeBtn.png) no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-20px;
		right:-30px;
		margin:2px;
		padding:4px;
	}

    .defaultTheme div { font-size:14px !important; border-bottom:1px solid #ffffff; width:100%; padding-bottom:2px; margin-bottom:5px; font-weight:bold;}

.AddNewClient{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:0px; margin:0px;}
.AddNewClient ul{ margin:10px 20px 0px 0px; padding:0px; width:115px; height:auto; list-style:none; float:left; }
.AddNewClient ul li a{ width:100px; height:70px !important; border:1px solid #d9d9d9; display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#777777; text-decoration:none;}
.AddNewClient ul li a:hover{ width:100px; height:80px; border:1px solid #a9a9a9; display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333333; text-decoration:none;}
.AddNewClient ul li div.Sup{ height:82px; width:115px; position:absolute; opacity:0.0; border:none; padding:0px; filter:alpha(opacity=0);}
.AddNewClient ul li div.Sup:hover{ display:block; height:82px; width:115px; position:absolute; opacity:0.5; background-color:#000; border:none; padding:0px; z-index:999999; cursor:pointer; filter:alpha(opacity=50);}
.AddNewClient ul li div.Sup div.DelClo a{ width:14px; height:14px !important; float:right;opacity:1.0 !important; margin-right:5px; margin-top:5px; padding:2px; border:none;}
.AddNewClient ul li div.Sup div.DelClo a:hover{ height:14px; width:14px !important; background-color:#666;}
.AddNewClient ul li div.Sup  a{ width:100px; !important; border:none; padding:0px !important;}
.AddNewClient ul li div.Sup  a:hover{ width:115px; !important;}
.AddNewClient ul li div.Sup div.LogoDiv{ clear:both; width:100px; !important; height:25px !important;}
.AddNewClient ul li div.Sup div.DelClo img{ height:14px; width:14px; }
.AddNewClient ul li.ANC a{ width:100px; height:80px; border:none;  display:table-cell; vertical-align:middle; text-align:center; padding:5px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#B5B5B5;}
.AddNewClient ul li.ANC a:hover{ width:100px; height:80px;  display:table-cell; vertical-align:middle; text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#d5d5d5;}
.AddNewClient ul li img {height:45px;   }
.AddNewClient ul li.txt{ height:85px;}
.AddNewClient ul li.txt a{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;    vertical-align:top; border:none; text-decoration:none;}
.AddNewClient ul li.txt a:hover{ clear:both; padding-top:2px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff6000;}

.AwardWallTopSection{ width:98.5%; margin:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; margin-top:0px; margin-bottom:5px;  background-color:#EEEEEE; overflow:auto; border:1px solid #d9d9d9; display:none; box-shadow:0px 1px 1px 0px #888; }
.AwardWallTopSection ul{ width:100%; margin:0px; padding:0px; list-style:none;}
.AwardWallTopSection ul li.Name{ width:10%; margin-right:15px; float:left; padding-top:7px; padding-left:5px;}
.AwardWallTopSection ul li.Even{ width:23%; margin-right:15px; float:left;}
.AwardWallTopSection ul li.But{ width:5%; margin-right:15px; float:left; padding-top:4px;}


.MainTitles { overflow:hidden;}
.MainTitles ul { list-style:none; margin:0px; padding:0px;}
.MainTitles ul li.TitLeft { width:auto; float:left; margin-right:4px;}
.MainTitles ul li.IconLeft {width:auto; float:right; margin-right:2px; border:1px solid #ffffff; border-bottom:none !important;}
.MainTitles ul li.IconLeft:hover {width:auto; float:right; margin-right:2px; background-color:#EEEEEE; border-radius:8px 8px 0px 0px; border:1px solid #D9D9D9; border-bottom:none !important;}
.MainTitles ul li.IconActive {width:auto; float:right; margin-right:2px; background-color:#EEEEEE; border-radius:8px 8px 0px 0px; border:1px solid #C3C3C3; border-bottom:none !important;}



.MyRecognitionThread ul.cont li ul.inner img.smallthumb{ width:65px; height:64px; float:left; border:1px solid #E3E3E3; margin-right:10px; margin-left:3px; margin-top:3px; padding:2px;}

.TransStyle {height:0px; overflow:hidden; padding:0px; margin:0px;}
.LeftWidetOne ul li div.rt{ width:20%; float:left; text-align:right; font-size:11px !important;color:#444444;}

.WidgetImage{ margin-left:6px;  width:50%; margin-top:5px; }

.left_norTwo { width:20px !important; margin-right:5px; margin-top:-3px; clear:none;float:left;}
.left_norThree { width:auto !important; margin-right:5px; margin-top:0px; clear:none;float:left;}
.left_norFour { width:86% !important; margin-right:5px; margin-top:-3px; clear:none;float:left;}

.NewBoldText {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; margin-top:10px; border-bottom:1px #EAEAEA dashed;}
.NewBoldTextUp {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333333; margin-top:-5px; border-bottom:1px #EAEAEA solid; padding:3px;}
/* grid image align center*/
.webGridImageCenter{text-align:center;}
.BoxBoldInside{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:15px; padding-bottom:0px; border-bottom:1px solid #D9D9D9; margin-bottom:8px;}

.BillEvent span.Gry{ font-size:12px !important; color:#a1a1a1; padding-left:0px; padding-right:5px;}
.BillEvent div.AutoOne{ width:auto; margin-right:10px; float:left; margin-top:5px;}
.BillEvent div.AutoTwo{ width:80px; margin-right:10px; float:left}
.BillEvent ul.LeftSec li.LabelTextFull{padding-bottom:10px;  clear:both; width:30%; float:left; margin-top:4px; margin-right:20px;}
.BillEvent ul.LeftSec li.LabelTextAUTO{  clear:both; width:10%; float:left; margin-top:8px; margin-right:20px;}
.BillEvent ul.LeftSec li.TextBx{ padding-top:3px; min-width:40%; padding-right:40px; float:left;  font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; }
.BillEvent ul.LeftSec li.TextBxTwo{ padding-top:3px; width:45%; padding-right:40px; float:left;  font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; }
.BillEvent ul.LeftSec li.Edit{ padding-bottom:2px; width:auto; float:left; }

.BillEvent ul.LeftSec li.EditLeft{ padding-bottom:2px; width:auto; float:left; margin-left:25px; margin-top:3px;}
.BillEvent ul.LeftSec li.FullAuto{padding-bottom:10px;  clear:none; width:95%; float:left; margin-top:-14px; margin-right:20px;}

.ApproverTextBx {width: 90%; margin: 0px; padding: 5px;  overflow:auto; }
.ApproverTextBx ul.sb {width:100%; margin:0px; padding:0px; list-style:none;}
.ApproverTextBx ul.sb li.bx { clear:both; margin-bottom:6px; width:100%; overflow:auto;}

.NominateAwardManagement{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;}
.NominateAwardManagement span.Gry{ font-size:12px !important; color:#a1a1a1; padding-left:0px; padding-right:5px;}
.NominateAwardManagement div.AutoOne{ width:auto; margin-right:10px; float:left; margin-top:5px;}
.NominateAwardManagement div.AutoTwo{ width:80px; margin-right:10px; float:left}
.NominateAwardManagement ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both;}
.NominateAwardManagement ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:20%;}
.NominateAwardManagement ul.LeftSec{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;}
.NominateAwardManagement ul.LeftSec li.LabelText1{ padding-bottom:10px;  clear:both; width:20%; float:left; margin-top:4px;}
.NominateAwardManagement ul.LeftSec li.LabelTextFull{padding-bottom:10px;  clear:both; width:30%; float:left; margin-top:4px; margin-right:20px;}
.NominateAwardManagement ul.LeftSec li.FullAuto{padding-bottom:10px;  clear:none; width:95%; float:left; margin-top:-14px; margin-right:20px;}
.NominateAwardManagement ul.LeftSec li.LabelTextAUTO{  clear:both; width:30%; float:left; margin-top:8px; margin-right:20px;}
.NominateAwardManagement ul.LeftSec li.InputSection1{ padding-bottom:10px; width:28%; float:left; margin-right:50px; font-size:12px; color:#3B3B3B; font-family:Arial, Helvetica, sans-serif;}
.NominateAwardManagement ul.LeftSec li.LabelText2{ padding-bottom:10px;  width:15%; float:left; margin-top:4px;}
.NominateAwardManagement ul.LeftSec li.InputSection2{ padding-bottom:10px; width:25%; float:left;}
.NominateAwardManagement span{ width:auto; margin-left:10px; padding-top:15px;}
.NominateAwardManagement ul.LeftSec li.TextBx{ padding-top:3px; min-width:40%; padding-right:40px; float:left;  font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; }
.NominateAwardManagement ul.LeftSec li.TextBxTwo{ padding-top:3px; width:35%; padding-right:40px; float:left;  font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif !important; min-height:35px; overflow:auto; }
.NominateAwardManagement ul.LeftSec li.Edit{ padding-bottom:2px; width:auto; float:left; }


.contentDivLimit { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.contentDivLimit ul{ margin:0px; list-style:none; padding:0px;}
.contentDivLimit ul li.BigSub{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; margin-top:10px; margin-bottom:5px;}
.contentDivLimit ul li.InHead{ background:#999999; color:#fff; font-weight:normal !important; padding:5px;}
.contentDivLimit ul li.InHead div.Lab{ width:auto; padding-right:10px; float:left;}
.contentDivLimit ul li.InHead div.Inp{ width:auto; float:left; font-weight:bold !important;}
.contentDivLimit ul li.Cont{ margin-bottom:10px; margin-left:0px;  border:1px solid #D9D9D9;  background-color:#F3F3F3; overflow:auto;  padding:15px;}



.contentPieChart { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.contentPieChart ul{ margin:0px; list-style:none; padding:0px; width:47%; float:left; margin-right:20px; margin-top:10px;}
.contentPieChart ul li.BigSub{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; margin-top:10px; margin-bottom:5px;}
.contentPieChart ul li.InHead{ background:#999999; color:#fff; font-weight:normal; padding:5px; overflow:auto;}
.contentPieChart ul li.InHead div.Lab{ width:auto; padding-right:10px; float:left;}
.contentPieChart ul li.InHead div.Inp{ width:auto; float:left; font-weight:bold !important;}
.contentPieChart ul li.Cont{ margin-bottom:0px; margin-left:0px;  border:1px solid #D9D9D9; overflow:auto; padding:15px; min-height:250px;}

.InsidePieChart{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; margin:0px; padding:0px;}
.InsidePieChart ul.Ins{ margin:0px; padding:0px; list-style:none; width:100%;}
.InsidePieChart ul.Ins li.Pie img{ border:none !important;}
.InsidePieChart ul.Ins li.Pie{ width:100%; height:260px; overflow:auto; overflow-x:hidden; text-align:center; min-height:120px; vertical-align:middle; }
.InsidePieChart ul.Ins li.PieTxt{ clear:both; overflow:auto;}
.InsidePieChart ul.Ins li.PieTxt div.TB{ float:left; width:45%; clear:none; margin-right:10px; margin-bottom:5px;}
.InsidePieChart ul.Ins li.PieTxt div.TB div.Clr{ height:13px !important; width:13px !important; float:left; margin-right:6px; clear:none; }
.InsidePieChart ul.Ins li.PieTxt div.TB div.Txt{width:85%; float:left; padding-top:0px;}
.InsidePieChart ul.Ins li.PieTxt div.TB div.Txt span{ font-weight:bold; padding-left:5px; color:#333;}
.InsidePieChart ul.Ins li.DtTxt{ clear:both; float:right; width:auto; padding:4px 6px 4px 6px; font-size:10px; color:#666 !important; margin-bottom:-15px; margin-right:-15px; background-color:#d9d9d9;} 
.InsidePieChart ul.Ins li.DtTxt span{ font-weight:bold; margin-left:5px; margin-right:5px;}

PieTextBox{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:0px; color:#fff; border:none;  width:100%; height:20px; background:transparent; }

.PieTextBox:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:7px; color:#000 !important; border:1px solid #d9d9d9;  width:100%; height:20px;  background:#ffffff;}




#MainTablePop{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3B3B3B;}
#MainTablePop td.sum{ width:24.5%; border-right:1px solid #CFD4DA; padding-right:5px; padding-top:10px;}
#MainTablePop td.hd{ width:72%; padding-left:10px; padding-top:10px;}=======

.ApproverTextBx {width: 90%; margin: 0px; padding: 5px;  overflow:auto; }
.ApproverTextBx ul.sb {width:100%; margin:0px; padding:0px; list-style:none;}
.ApproverTextBx ul.sb li.bx { clear:both; margin-bottom:6px; width:100%; overflow:auto;}




.BudgetConfig ul.HideShow li.LabelTextNew{ padding-bottom:10px;  clear:both; width:12%; float:left; padding-top:6px;}

.BodyText{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.BodyText ul.AwardNom{ width:32%; list-style:none !important; margin:0px; padding:0px; margin-right:10px; clear:none; float:left;}
.BodyText ul.AwardNom li.tit{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#8E2C0F; text-decoration:none;  padding-bottom:0px; margin-bottom:0px; clear:both !important; }
.BodyTextAwardNom ul.AwardNom li{ margin-bottom:10px;  clear:both; padding-top:5px; overflow:auto }



 .feedback-panel {
	       padding:0px;
	       width: 95%;
	       position:absolute;;
	       top:50px;
	       left:-95%;
           z-index:600;
           border-radius:0px 25px 25px 0px;
           /*background:#f7f7f7 url(../../images/paper.jpg) repeat top left;*/

	   }
	   
	   .feedback-panel a.feedback-tab {
           /*background:transparent url('../../images/HallOfFame_IMG.png') no-repeat scroll 0 0;*/
           /*background: -moz-linear-gradient(top, #9F4C33 20%, #8E2C0F 80%);background: -ms-linear-gradient(top, #9F4C33 20%, #8E2C0F 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9F4C33), color-stop(80%,#8E2C0F));*/
           border-width: 1px 1px 1px 0;
           border-radius:0px 25px 25px 0px;
           display:block;
           height:200px;
           left:30px;
           bottom:0px;
           position:relative;
           float:right;
           width:30px;
           margin-top:30px;
           clear:both;
           text-decoration:none !important;
          
           box-shadow:1px 0px 1px 0px #000000;           
          font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff !important;


	   }

       .RewardCatelogue ul{ margin:0px; padding:0px; width:190px; float:left !important; border:1px solid #A8A8A8;  margin-bottom:15px; list-style:none; margin-right:20px; margin-left:20px; border-radius:8px; clear:none !important;}

       .searchfield_Full {
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  padding: 5px 7px;
  background-color: #fff;
  color: #666666;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
  float:left;
}

    #fallr-overlay2 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #333;
    height: 100%;
    width: 100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    }

#HOFclose { margin-top:-5px; margin-left:20px; position:absolute; display:none;
}


.ContrastLink{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#ff6000; text-decoration:none;  padding-bottom:0px; margin-bottom:0px; clear:both !important; }
.ContrastLink:hover{ font-family: "Segoe UI",Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:underline;  padding-bottom:0px; margin-bottom:0px; clear:both !important; }

/*HALL of Fame*/

ul.HoF {
				list-style: none;
				padding: 0;
				margin: 0 auto;
				width: 36em;
				height: 26em;
			}
			ul.HoF li {
				height: 100px;
				width: 100px;
				background-color: #fff;
				text-align: center;
				cursor: pointer;
				border: 1px solid #bbb;
				-webkit-border-radius: 0em;
				-moz-border-radius: 0em;
				-ms-border-radius: 0em;
				-o-border-radius: 0em;
				border-radius: 0em;
				padding:5px;
			}
			
            	ul.HoF li div.NameBox{ min-height:25px; margin-top:90px; width:130%; padding:5px; background-color:#333333; border:3px solid #cccccc;  border-radius:5px; background: -moz-linear-gradient(top, #333333 10%, #aaaaaa 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #333333 10%, #aaaaaa 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#333333), color-stop(90%,#aaaaaa)); position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:-25px; box-shadow: 0px 0px 2px #888888 !important; font-size:12px; color:#ffffff; }
			
			
		ul.HoF li img{ width:100% !important;}
			
		
				ul.HoF li.roundabout-in-focus {
					cursor: default;
				}
			ul.HoF li span {
				display: block;
				padding-top: 3.5em;
			}
				ul.HoF li.monolith {
				background-image:url(../../images/Stand.png); background-position:center bottom;
				 background-repeat:no-repeat;
					color: #333;
					text-align: center;
					width: 430px;
					height: 360px;
					position: absolute;
					z-index: 260;
					left: 0px;
					border:none !important;					
					opacity: 1;
					background-color:transparent !important;
					margin-top:-90px !important;
					
				}

			#carbonads-container {
				clear: both;
				margin-top: 1em;
			}
			#carbonads-container .carbonad {
				margin: 0 auto;
			}
			
			.HOFinside{ width:390px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; height:105px !important; background-color:#ffffff; margin:40px 20px; padding:0px; display:none;}
			.HOFinside ul{ list-style:none; padding:0px; margin:0px; }
			.HOFinside ul li.Pic{ width:100px; float:left; margin-right:10px; border:none !important;}
			/*.HOFinside ul li.Pic img{ width:100px; border:1px solid #999999; margin:2px;}*/
			.HOFinside ul li.Txt{ width:260px; float:left;  border:none !important; text-align:left !important;}
			.HOFinside ul li.Txt h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
			.HOFinside ul li.Txt div{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;}

            .ClientLoginBox ul.box li.bx select{  height:30px; padding-top:4px !important; width:100%; border-radius:6px;  padding-left:10px; width:103%;}


.AttributesData{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:95%; margin:0px; padding:10px; border:1px solid #d9d9d9; overflow:auto;  }
.AttributesData ul.Show{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
.AttributesData ul.Show li.cross a{ width:25px; height:20px; background-color:#839BB5; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold; text-decoration:none;}
.AttributesData ul.Show li.cross a:hover{ width:25px; height:20px; background-color:#FE0000; float:right; margin-right:-10px; margin-top:-10px; margin-bottom:-20px; text-align:center; padding-top:5px; color:#ffffff; font-weight:bold;}
.AttributesData ul.Show li.LabelText{ padding-bottom:10px;  clear:both; width:17%; float:left; padding-top:6px; padding-left:5px; font-weight:bold;}
.AttributesData ul.Show li.InputSection{ padding-bottom:10px; width:81%; float:left;}
.AttributesData ul.HideShow{ width:98%; list-style:none !important; margin:0px; padding:0px; display:block;  overflow:auto; padding:4px; margin-bottom:5px;}
.AttributesData ul.HideShow li.LabelText1{   clear:both; width:17%; float:left; padding-top:6px; padding-left:5px;}
.AttributesData ul.HideShow li.InputSection1{  width:28%; float:left; margin-left:10px; }
.AttributesData ul.HideShow li.InputSection2{  width:40%; float:left; }

.AttributesData ul.HideShow li.LabelText2{  width:7%; float:left; padding-top:6px; margin-left:20px; clear:none!important;}

.AttributesData ul.HideShow li.ImgSection{ padding-bottom:10px; width:auto; float:left;}
.AttributesData ul.HideShow li img{ border:1px solid #CACACA; padding:2px;}
.AttributesData ul.HideShow li.OtherSection{ padding-top:2px; width:5%; float:left; margin-left:10px; }
.AttributesData ul.HideShow li.OtherSection2{ padding-bottom:10px; width:10%; float:left; margin-left:20px; margin-left:-120px;}
.AttributesData ul.HideShow li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left;}
.AttributesData ul.HideShow2{ width:99%; list-style:none !important; margin:0px; padding:0px; display:block; overflow:auto; overflow:auto; padding:4p}
.AttributesData ul.HideShow2 li.ButtonSection{  margin-left:17%; clear:both; padding:4px; padding-right:0px !important; text-align:right;}


.CIAtGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:5px !important; clear:both; border-collapse:collapse; }
.CIAtGrid img{max-width:100% !important; margin:0px; padding:0px;}
.CIAtGrid tr.one {  border:1px solid #e9e9e9 !important;   border-left:1px solid #d9d9d9 !important;}
.CIAtGrid tr.one:hover{ background-color:#EBEFF4; cursor:pointer;}
.CIAtGrid tr.one td { height:25px; -moz-height:25px; font-weight:normal; padding-left:5px;   padding-bottom:5px; padding-top:0px; padding-right:5px; border-right:1px solid #ffffff; border-left:1px solid #d9d9d9 !important;}
.CIAtGrid tr.MailCont { border-bottom:1px solid #e9e9e9 !important; display:none;}
.CIAtGrid tr.Gap{ height:5px;} 
.CIAtGrid tr.MailCont:hover{ background-color:none;}
.CIAtGrid tr.MailCont td { height:30px;  font-weight:normal; padding-left:5px;   padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #d9d9d9;}
.CIAtGrid tr.two {border-bottom:1px solid #e9e9e9;}
.CIAtGrid tr.two td { height:30px;  font-weight:normal;   padding-left:5px;  padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #ffffff;}
.CIAtGrid tr.two td span{ display:none;}

.PendingCol{ background-color:#FFE9C9 !important; cursor:pointer;}
.NominatedCol{ background-color:#E9FFCE !important; cursor:pointer;}
.RejectedCol{ background-color:#FDE0E0 !important; cursor:pointer;}


.AwardCallOut2 {
    background-image:url(../../images/CallOut.png);
    background-repeat: no-repeat;
    color: #FF0000;
    display: table-cell;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px !important;
    font-weight: normal !important;
    height: 30px;
    margin-left: 53px;
    margin-top: -35px;
    padding-left: 3px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    z-index: 99;
}


.CIAPop{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
.CIAPop ul{ width:100%; list-style:none !important; margin:0px; padding:0px;}
.CIAPop ul li{ margin-bottom:10px;  clear:both; padding-top:5px;}
.CIAPop ul li div.LeftOne{width:150px; float:left; }
.CIAPop ul li div.LeftTwo{width:70%; float:left;}
.CIAPop ul li ul.sub{ list-style:none; margin:0px; padding:0px; width:100%;}
.CIAPop ul li ul.sub li.one{ clear:both;width:11%; float:left; margin-bottom:0px !important; padding-bottom:0px !important; }
.CIAPop ul li ul.sub li.one_auto{ clear:both; ; width:auto; float:left;margin-bottom:0px !important; padding-bottom:0px !important; }
.CIAPop ul li ul.sub li.one_auto9{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; }
.CIAPop ul li ul.sub li.one_auto99{ clear:both; ; width:140px; float:left;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px; }
.CIAPop ul li ul.sub li.two{ clear:both; padding-top:0px; width:60%; float:left; margin-bottom:0px !important; padding-bottom:0px !important;  }
.CIAPop ul li ul.sub li.two_auto{ clear:none; width:auto; float:left;margin-left:0px; margin-bottom:0px !important; padding-bottom:0px !important;  }
.CIAPop ul li ul.sub li.two_auto2{ clear:none; width:12%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;}
.CIAPop ul li ul.sub li.two_auto22{ clear:none; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;}
.CIAPop ul li ul.sub li.two_auto222{ clear:none; width:auto; float:left; margin-left:25px;margin-bottom:0px !important; padding-bottom:0px !important; margin-top:5px;}
.CIAPop ul li ul.sub li.two_auto3{ clear:none; width:8%; float:left;margin-bottom:0px !important; padding-bottom:0px !important;}
.CIAPop ul li ul.sub li.two_auto4{ clear:none;  width:20%; float:left; margin-left:15px;margin-bottom:0px !important; padding-bottom:0px !important;}
.CIAPop ul li ul.sub li.two_auto5{ clear:clear;  width:10%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;}
.CIAPop ul li ul.sub li.two_auto7{ border-bottom:1px dashed #d9d9d9; width:100%; clear:both;  height:10px;}
.CIAPop ul li ul.sub li.two_auto6{ clear:clear; padding-left:12%; width:80%; float:left; margin-left:15px; margin-bottom:0px !important; padding-bottom:0px !important;}
.CIAPop ul li ul.sub li.but{ clear:both; padding-top:5px; width:60%; float:left;  }
.CIAPop ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; color:#999999; margin-left:10px; width:auto; float:left; }
.CIAPop ul li div.icon{ width:auto; float:left; margin-left:15px; margin-top:20px; }
.CIAPop ul li div.icon_lt{ width:auto; float:left; margin-left:15px; margin-top:20px; }
.CIAPop ul li div.DisplayFile{ clear:both; height:20px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-top:4px; width:66.6%; padding-left:5px; margin-bottom:3px; color:#333333; font-size:11px; float:left; border-right:none!important } /*********27-06-13**************/
.CIAPop ul li div.DisplayFile span{ border:0px; width:auto; float:right; margin-right:5px !important; height:8px; margin:0px; }
.CIAPop ul li div.DisplayFileCross{ border:0px; float:right; margin-left:5px !important; height:19px; margin:0px !important; width:8px; float:left;padding-top:5px !important; padding-left:5px; background-color:#F0F0F0; border:1px solid #D9D9D9; padding-right:5px; border-left:none !important } /*********01-07-13**************/
.CIAPop ul li span.two{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333 !important; padding-top:5px !important; height:10px; margin:0px !important;}
.CIAPop ul li div.charleft{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; font-weight:normal; text-decoration:none; color:#999999 !important; padding-bottom:5px !important; height:10px; margin:0px !important; clear:both; }
.CIAPop ul li div.icon img{ border:0px; opacity:0.4;}
.CIAPop ul li div.icon img:hover{box-shadow: 0px 0px 3px #888888; border-radius:5px; opacity:1;}
.CIAPop ul li div.icon_lt img{ border:0px; opacity:0.4;}
.CIAPop ul li div.icon_lt img:hover{box-shadow: 0px 0px 3px #888888; border-radius:5px; opacity:1;}

.CustomerInitiatedAwards{ width:100%; border:1px solid #d9d9d9; margin:0px; padding:0px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:15px;}
.CustomerInitiatedAwards ul { margin:0px; padding:0px; list-style:none;}
.CustomerInitiatedAwards ul li.TopLI div.HeadTxt{ width:auto; height:23px; padding-left:20px; padding-right:20px; color:#333333; background-color:#ffffff; padding-top:9px; float:left; font-weight:bold;}
.CustomerInitiatedAwards ul li.BotLI{ width:98%; margin:auto; overflow:hidden; min-height:200px; padding-bottom:5px;}
.CustomerInitiatedAwards_Thread{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;}
.CustomerInitiatedAwards_Thread ul.Strip { border:1px solid #d9d9d9; height:27px; margin-bottom:1px; margin-top:3px; clear:both; }
/*.CustomerInitiatedAwards_Thread ul.Strip:hover { border:1px solid #d9d9d9; height:27px; margin-bottom:1px; margin-top:3px; background-color:#E6E6E6 !important;}*/
.CustomerInitiatedAwards_Thread ul.Strip li.CName{ width:25%; float:left; height:22px; padding-top:5px; padding-left:5px; font-weight:bold}
.CustomerInitiatedAwards_Thread ul.Strip li.CMsg{ width:55%; float:left; height:22px; padding-top:5px; padding-left:5px; font-weight:normal}
.CustomerInitiatedAwards_Thread ul.Strip li.CDate{ width:10%; float:right; height:22px; padding-top:5px; padding-right:5px; font-weight:normal; text-align:right; color:#999999; font-size::11px;}
.CustomerInitiatedAwards_Thread ul.EBody{ border:1px solid #d9d9d9; height:auto !important; margin-bottom:1px; margin-top:-10px !important; border-top:0px !important ;display:none;}
.CustomerInitiatedAwards_Thread ul.EBody li.ContBody{ width:98%; margin:auto; margin-top:10px !important; min-height:120px !important; overflow:auto;}

.CustomerInitiatedAwards_Thread ul.EBody li.ContBody>div{ margin-left:10px !important; width:98% !important; padding-bottom:10px !important; overflow:auto;}

.RightButs{ width:10% !important; margin-right:-10px; float:right !important; border:1px solid #000000; position:absolute; }


.SelectProductCat{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;}
.SelectProductCat ul{ list-style:none; padding:0px; margin:0px;}
.SelectProductCat ul li.LtBox{ width:40%;  margin-right:0px; float:left; clear:none;}
.SelectProductCat ul li.MdBox{ width:6%; margin-right:5px; float:left; clear:none; display:table-cell; text-align:center; vertical-align:middle; margin-top:75px;}
.SelectProductCat ul li.MdBox img{ width:24px; clear:both; border:none; opacity:.4}
.SelectProductCat ul li.MdBox img:hover{ width:24px; clear:both; border:none; opacity:1}
.SelectProductCat ul li.RtBox{ width:40%; float:left; clear:none;}
.ProductTextBox{ width:98%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px; border:1px solid #d9d9d9; height:210px; }


.ProductTextBox{ width:98%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px; border:1px solid #d9d9d9; height:210px; }



.CreateBillEvent{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; margin-top:15px;}
.CreateBillEvent ul.but { list-style:none; width:100%; margin:0px; padding:0px; clear:both;}
.CreateBillEvent ul.but li.ButtonSection{ padding-bottom:20px; clear:both; margin-left:20%;}
.CreateBillEvent ul.LeftSec{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; margin-right:30px; float:left;}
.CreateBillEvent ul.LeftSec li.LabelText1{ padding-bottom:10px;  clear:both; width:20%; float:left; margin-top:4px;}
.CreateBillEvent ul.LeftSec li.InputSection1{ padding-bottom:10px; width:28%; float:left; margin-right:20px;}
.CreateBillEvent ul.LeftSec li.LabelText2{ padding-bottom:10px;  width:20%; float:left; margin-top:4px;}
.CreateBillEvent ul.LeftSec li.InputSection2{ padding-bottom:10px; width:28%; float:left; }
.CreateBillEvent ul.LeftSec li.Compl{ width:45%; border:1px dashed #d9d9d9; background-color:#EAEAEA; overflow:auto; padding:8px; clear:none; float:left; margin-bottom:10px;}
    .CreateBillEvent ul.LeftSec li.Compl div.Lab { width:36%; float:left; margin-right:20px; clear:both; margin-bottom:10px;}
    .CreateBillEvent ul.LeftSec li.Compl div.Inp { width:57%; float:left; margin-bottom:10px;}
.CreateBillEvent span{ width:auto; margin-left:10px; padding-top:15px;}




/*Support System*/

.TicketText{ font-family:Arial, Helvetica, sans-serif; font-size:11px !important; color:#4F7095; padding-left:5px; font-style:italic; font-weight:normal !important;}

.TicketListReply{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px;}
    .TicketListReply span { color:#666666 !important;
    }
.TicketListReply ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; border-bottom:1px solid #d9d9d9; margin-bottom:10px; overflow:auto; padding-bottom:10px;}
.TicketListReply ul.HideShow li.Repl{ clear:both !important; width:99%; overflow:auto !important; padding-top:10px !important;  }
    .TicketListReply ul.HideShow li.LabelText_TOP { min-height:25px; padding-bottom:5px;}
.TicketListReply ul.HideShow li.LabelText_TOP div.Labs {color:#666666; padding-right:5px;  font-weight:normal !important; width:auto; float:left; margin-top:6px;}
.TicketListReply ul.HideShow li.LabelText_TOP div.Buts {color:#666666; padding-right:5px;  font-weight:normal !important; width:auto; float:left; margin-top:2px; }
.TicketListReply ul.HideShow li.LabelText_TOP div.Inps {color:#666666; padding-right:5px;  font-weight:normal !important; width:40% !important; float:left;}
.TicketListReply ul.HideShow li.LabelText_AN{ padding-bottom:5px;  clear:both; width:20% !important; float:left; padding-top:6px; color:#666666 ;} /*24-04-13*/
.TicketListReply ul.HideShow li.InputSection_AN{ padding-top:5px; width:65%; float:left; overflow:auto;}/*24-04-13*/
.TicketListReply ul.HideShow li.Attch{ padding-bottom:5px;  clear:both; overflow:auto; padding-top:6px; overflow:auto; font-weight:bold; border-bottom:1px solid #d9d9d9; padding-bottom:3px;}
.TicketListReply ul.HideShow li.Colon { width:40px; float:left; text-align:center; padding-top:5px;}
.TicketListReply ul.HideShow li.AttchFile{ padding-top:8px; width:70%; float:left; overflow:auto;}/*24-04-13*/
.TicketListReply ul.ReplyBox li.LabelTextReply{ width:100%; font-weight:bold; margin-bottom:5px;}
.TicketListReply ul.ReplyBox li.InputBoxReply{ width:99%; margin-bottom:5px; overflow:auto;}
.TicketListReply ul.ReplyBox li.InputBoxReply div.LeftLable{ width:12%; float:left; margin-right:10px; margin-top:7px;}
.TicketListReply ul.ReplyBox li.InputBoxReply div.LeftInp{ width:30%; float:left;}
.TicketListReply ul.ReplyBox li.InputBoxReply div.LeftBut{  float:left;  margin-right:10px; margin-left:13.6%;}
.TicketListReply ul.ReplyBox li.InputBoxReply div.LeftBut2{  float:left;  margin-right:10px; }
.TicketListReply ul.HideShow li.LabelText_TOP div.DateBoxNew { width:auto; float:right; color:#000000; font-size:11px; margin-right:15px;}
    .TicketListReply ul.HideShow li.LabelText_TOP div.DateBoxNew span { color:#666666 !important; padding-right:5px;}
.TicketListReply ul.ReplyBox li.LabelText_AN{ padding-bottom:5px;  clear:both; width:10% !important; float:left; padding-top:6px; overflow:auto;} 

.TicketListReply ul.ReplyBox li.InputSection_AN{ padding-top:5px; width:60%; float:left; overflow:auto; overflow:auto;}
.TicketListReply ul.ReplyBox li.ButBoxReply{ width:20%; clear:both; margin-bottom:5px; clear:both; margin-left:10%; margin-top:10px; overflow:auto;}
.TicketListReply ul.ReplyBox li.ButBoxReply2{ width:20%; clear:both; margin-bottom:5px; clear:both; margin-top:10px; overflow:auto;}

.TicketListReply ul.AssignBox{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block; background-color:#DEE5EC !important; overflow:auto; clear:both; padding:8px 2px 2px 20px !important; margin-left:-20px !important; margin-top:2px !important; margin-bottom:2px !important;}
.TicketListReply ul.AssignBox li.InputBoxReply{ width:99%; margin-bottom:5px; overflow:auto;}
.TicketListReply ul.AssignBox li.InputBoxReply div.LeftLable{ width:12%; float:left; margin-right:10px; margin-top:7px;}
.TicketListReply ul.AssignBox li.InputBoxReply div.LeftInp{ width:30%; float:left;}
.TicketListReply ul.AssignBox li.InputBoxReply div.LeftBut2{  float:left;  margin-right:10px; }

.TicketstGrid tr.one td.Bot {
    background-color: #DEE5EC;
    height: 22px !important;
    padding-top: 5px;
}

.TicketstGrid tr.one td.Bot div.LeftLab {
    float: left;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 6px;
    width: auto;
}
.TicketstGrid tr.one td.Bot div.LeftInp {
    float: left;
    width: 30%;
}




.RowColOff{ background-color:#ffffff !important; border:1px solid #e9e9e9 !important;   border-left:1px solid #d9d9d9 !important; display: table-row; white-space:nowrap; height:30px; color: #333333 !important;  padding-left:5px !important; font-weight:bold; }
.RowColOff span{ color:#4F7095 !important;}

.TicketstGrid{ width:100% !important; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:left; text-decoration:none; color:#333333; margin-top:5px !important; clear:both; border-collapse:collapse; display:table;}
.TicketstGrid img{max-width:100% !important; margin:0px; padding:0px;}
.TicketstGrid th { height:25px; font-weight:bold;  border-bottom:1px solid #D9d9d9; padding-left:5px; color: #333333; background-color:#DEE5EC; padding-right:5px; border-right:1px solid #ffffff;}
.TicketstGrid tr.one {  border:1px solid #e9e9e9 !important;   border-left:1px solid #d9d9d9 !important; display: table-row; white-space:nowrap;}
.TicketstGrid tr.one:hover{ background-color:#EBEFF4;}
.TicketstGrid tr.one td {height:25px; -moz-height:25px; font-weight:normal; padding-left:5px;   padding-bottom:5px; padding-top:0px; padding-right:5px; border-right:1px solid #ffffff; border-left:1px solid #d9d9d9 !important; display:table-cell; font-weight:normal;}
.TicketstGrid tr.MailCont { border-bottom:1px solid #e9e9e9 !important; display:none;}
.TicketstGrid tr.Gap{ height:5px;} 
.TicketstGrid tr.MailCont:hover{ background-color:none;}
.TicketstGrid tr.MailCont td { height:30px;  font-weight:normal; padding-left:5px;   padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #d9d9d9;}
.TicketstGrid tr.two {border-bottom:1px solid #e9e9e9;}
.TicketstGrid tr.two td { height:30px;  font-weight:normal;   padding-left:5px;  padding-bottom:5px; padding-top:5px; padding-right:5px; border-right:1px solid #ffffff;}
.TicketstGrid tr.two td span{ display:none;}

.SummaryText ul{ list-style:none; margin:0px; padding:0px;}
.SummaryText ul li.TxtBx{ clear:none; min-width:100px; float:left; text-align:left; display:table-cell; vertical-align:middle; color:#ffffff; font-size:14px; margin-top:7px;}
.SummaryText ul li.TxtBx div.Bg{ width:auto; float:left; font-size:20px;}
.SummaryText ul li.TxtBx div.sml{ width:auto; float:left; margin-top:6px; margin-left:5px; font-size:14px;}

.RefineTickets{ width:98%; margin:auto; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; border-radius:4px; padding-bottom:5px; border:1px solid #d9d9d9; border-radius:5px; overflow:auto; overflow-x:hidden; margin-top:10px;}
.RefineTickets ul{ width:100%; list-style:none; margin:0px; padding:0px;}
.RefineTickets ul li.Head{ font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#4F7095; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #d9d9d9; padding-left:5px; margin-bottom:10px; }
.RefineTickets ul li.Head2{ clear:both; width:23%; padding:0px; margin:0px;  height:22px; padding-left:75%; padding-top:5px; font-weight:bold; background-color:#F1F3F7; text-align:right; padding-right:25px;  margin-right:5px;}
.RefineTickets ul li.Cont{ clear:both; width:100%;  margin:0px; min-height:18px; padding-bottom:3px; padding-top:3px;   }
.RefineTickets ul li.ContTot{ clear:both; width:100%;  margin:0px; height:15px; padding-top:5px; padding-bottom:5px;}
.RefineTickets ul li.LabText{ clear:both; width:98%;  margin:0px; min-height:18px;  padding-top:3px; margin-left:7px; font-weight:bold;}
.RefineTickets ul li.InpSec{ clear:both; width:96%;  margin:0px; min-height:18px; padding-bottom:15px; margin-left:5px; overflow:auto; }
.RefineTickets ul li.LabText ol{  margin:0px; padding-left:20px;}
.RefineTickets ul li.LabText ol li{ clear:both; width:98%; font-weight:bold; border-bottom:1px dashed #d9d9d9; padding-bottom:8px; margin-bottom:8px;}
.RefineTickets ul li.LabText ol li a{ clear:both; width:98%; font-weight:bold; text-decoration:none; color:#333333;}
.RefineTickets ul li.LabText ol li a:hover{ clear:both; width:98%; font-weight:bold; text-decoration:none; color:#4F7095;}
.RefineTickets ul li.InpSec span{ color:#666666; font-size:11px !important; width:auto; float:left; margin-right:5px; margin-top:5px;}
.RefineTickets ul li.InpSec div.DateBox{ float:left; width:74%;}
.RefineTickets ul li.InpSec div.FromDate{ width:49%; margin-right:5px; float:left;}
.RefineTickets ul li.InpSec div.ToDate{ width:48%; float:right;  text-align:right;}
.RefineTickets ul li div.lt{ width:74%; float:left;padding-left:5px;}
.RefineTickets ul li div.rt{ width:20%; float:left; text-align:right;}
.RefineTickets ul li div.absrt{ width:auto; float:right; text-align:right;}
.RefineTickets ul li div.absmid{ width:auto; float:right; text-align:center; padding-bottom:5px; padding-right:5px;}

.InfoText{ margin-top:3px;   margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#f5f5f5; padding:10px; border:1px solid #d9d9d9;}

.RaiseTick:hover{font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:18px; color:#333333; text-decoration:none;}

.RaiseTicketForm{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none;  margin:0px; padding:0px; background-color:#f9f9f9; padding:10px; border:1px solid #d9d9d9;}
.RaiseTicketForm ul{ width:auto; margin:0px; padding:0px; list-style:none;}
.RaiseTicketForm div{ font-size:11px; margin-top:4px;  width:auto; float:left; color:#999999; clear:both;}
.RaiseTicketForm ul li.LableTxt{ width:100%; padding-bottom:5px; clear:both; overflow:auto; margin-top:10px;}
.RaiseTicketForm ul li.LableTxt2{ width:100%; padding-bottom:5px; clear:both; overflow:auto; margin-top:10px; padding-left:10px;}

.RaiseTicketForm ul li.InpBx{ width:100%;  clear:both; overflow:auto;}
.RaiseTicketForm ul li.InpBx2{ width:100%;  clear:both; overflow:auto; margin-top:10px;}
.RaiseTicketForm ul li.InpBx3{ width:100%;  clear:both; overflow:auto; padding-left:10px;}
.RaiseTicketForm ul li.ButtonSection{ width:100%; margin-top:10px; clear:both; overflow:auto;}



.AllocateBudgetSearch ul.HideShow li.InputSectionLText{ width:100%; float:left; clear:both; padding-top:8px;}
.AllocateBudgetSearch ul.HideShow li.InputSectionLTextGreen{ width:100%; float:left; clear:both; padding-top:5px; margin-bottom:10px; color:#009C00;}


.RotTetx {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: bt-rl;
    height:200px;
    margin-left:-50px;
    text-align:center;
    white-space:nowrap;
    text-decoration:none !important;jError
    
    width:300px;

    font-family: CAC Champagne;
    font-weight:bold;
    font-size:28px;

}


.searchfield_Date {
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3B3B3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  padding: 5px 7px;
  background-color: #fff;
  color: #666666;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
  float:left;
}




.searchfield_Assign {
font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 98% !important;
  padding: 5px 2px;
  background-color: #fff;
  color: #666666;
  border: 1px solid #bbbbbb;
}



/*-------------------------------My Orders--------------------------------*/
/*****************My Orders*************************/

.OrderListBox{ border:1px solid #d9d9d9; margin:0px; padding:0px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:5px; margin-bottom:10px; padding:5px; clear:both;}

.OrderListContainer{ width:100%; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#333333; overflow:auto;}
.OrderListContainer ul.StripList{ margin:0px; padding:0px; list-style:none;}
.OrderListContainer ul.StripList li.Strip{clear:both; height:20px; padding:6px 6px 3px 6px; margin:0px; color:#333333; border:1px solid #d9d9d9; margin-top:3px; overflow:hidden; background-color:none;}
.OrderListContainer ul.StripList li.Strip:hover{ background-color:#ECEEF0;}
.OrderListContainer ul.StripList li.Strip div.SubjectDiv{ width:52%; float:left; margin-right:20px; font-weight:normal;}
.OrderListContainer ul.StripList li.Strip div.SubjectDiv span{ color:#999999; font-size:11px;}
.OrderListContainer ul.StripList li.Strip div.DateDiv{ width:18%; float:left; margin-right:20px; font-weight:normal;}
.OrderListContainer ul.StripList li.Strip div.PointsDiv{ width:7%; float:right; font-weight:normal; text-align:right;}
.OrderListContainer ul.StripList li.Strip div.PointsDiv span{ font-weight:bold;}
.OrderListContainer ul.StripList li.Strip_SH{ display:none; clear:both; min-height:60px; padding:6px 6px 3px 6px; margin:0px; color:#333333; border:1px solid #d9d9d9; border-top:none !important; margin-top:0px; overflow:auto; background-color:#eeeeee;}

.OrderStrip{ background-color:#ffffff; border:1px solid #d9d9d9; height:55px; padding:10px; margin-bottom:3px; overflow:hidden;}
.OrderStrip ul.ClientSide{ list-style:none; padding:0px; margin:0px; overflow:hidden;}
.OrderStrip ul.ClientSide li.AdminCheck{ width:20px; height:20px; float:right; margin-top:-10px; margin-left:-10px; clear:both; position:absolute; border:1px solid #EEEEEE;  background-color:#EEEEEE; text-align:center; }
.OrderStrip ul.ClientSide li.PicHold{ width:65px; height:55px; float:left; margin-right:15px;  text-align:center;}
.OrderStrip ul.ClientSide li.DetailsHold{ width:50%; height:55px; float:left; margin-right:15px;}
.OrderStrip ul.ClientSide li.DetailsHoldAdmin{ width:35%; height:55px; float:left; margin-right:15px;}

.OrderStrip ul.ClientSide li.PointsHold{ width:12%; height:55px; float:left; margin-right:15px; }
.OrderStrip ul.ClientSide li.PointsHoldAdmin{ width:27%; height:55px; float:left; margin-right:15px; text-align:center !important;}


.OrderStrip ul.ClientSide li.StatusHold{ width:20%; height:55px; float:left;   text-align:right;}

.OrderStrip ul.ClientSide div.S_Text{ font-size:12px; font-weight:bold; color:#666666; margin-bottom:3px;}
.OrderStrip ul.ClientSide div.L_Text{ font-size:12px; font-weight:Normal; color:#333333;}
.OrderStrip ul.ClientSide div.L_Text div.Labs{ color:#999999 !important; padding-right:3px; clear:both; width:auto; float:left;}
.OrderStrip ul.ClientSide div.L_Text div.Det{ color:#666666 !important; padding-right:20px; width:auto; float:left;}
.OrderStrip ul.ClientSide div.L_Text div.Bld{ color:#666666 !important; font-weight:bold !important;}

.OrderStrip ul.ClientSide div.StatFlags{ font-size:12px; font-weight:Normal; color:#333333; margin-left:25px; margin-top:10px;}
.OrderStrip ul.ClientSide div.StatFlags div.FlagIcon{ width:20px; margin-right:7px; float:left;}
.OrderStrip ul.ClientSide div.StatFlags div.FlagIcon img{ width:20px !important;}

/*************************************************************************/

/*.OrderStripTop{ padding:5px; height:28px; border:1px solid #B4B4B4; margin-bottom:3px; border-radius:3px;  background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ 
/*background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));}*/

.OrderStripTop{ padding:5px; min-height:28px; overflow:auto; border:1px solid #B4B4B4; margin-bottom:3px; border-radius:3px;  background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));}

.OrderStripTop div.ltFloat_1{ width:auto; float:left; margin-right:15px;}
.OrderStripTop div.ltFloat_2{ width:auto; float:left; margin-right:5px;}
.OrderStripTop div.RtFloat{ width:auto; float:left; margin-left:-5px; margin-top:5px; margin-right:20px;}
.OrderStripTop input[type="text"]{ border:1px solid #C4C4C4; height:24px; padding-left:5px; color:#666666;}
.OrderStripTop select{ border:1px solid #C4C4C4; height:28px; padding-right:3px; padding-top:3px; padding-left:5px; color:#666666;}





.DivBg div{color:#ffffff !important;}
.DivBg span{color:rgba(255, 255, 255, 0.7) !important;}


/*************************************************************************/


.OrderDetailsTop{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; color:#333333; margin-bottom:5px; overflow:auto; width:100%; }
.OrderDetailsTop ul.OrderDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:120px; border:1px solid #d9d9d9; margin-right:7px; }
.OrderDetailsTop ul.OrderDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.OrderDetailsTop ul.OrderDet li.ContLI span{ color:#999999; font-size:11px !important}
.OrderDetailsTop ul.OrderDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;}
.OrderDetailsTop ul.OrderDet li.ContLI div.LabTxt{ width:25%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px;}
.OrderDetailsTop ul.OrderDet li.ContLI div.ContTxt{ width:60%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;}

.OrderDetailsTop ul.AddDet{ width:48%; float:left; clear:none; margin:0px; padding:0px; min-height:120px; border:1px solid #d9d9d9;}

.OrderDetailsTop ul.AddDet div.Add{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding:5px 10px 5px 10px}
.OrderDetailsTop ul.AddDet div.Add div{ clear:both; line-height:16px;}
.OrderDetailsTop ul.AddDet span{ color:#999999; font-size:11px !important; width:auto; float:left;}
.OrderDetailsTop ul.AddDet div.Add div{ margin-top:5px;}


/*************************************************************/
.OrderStrip_Details img{ border:none !important;}
.OrderStrip_Details{ background-color:#FAFAFA; border:1px solid #d9d9d9; height:100px; padding:10px; padding-left:0px !important; padding-top:0px !important; margin-bottom:3px; overflow:hidden; width:96.9%;}
.OrderStrip_Details ul.ClientSide{ list-style:none; padding:0px; margin:0px; overflow:hidden; position:relative; height:100px;}
.OrderStrip_Details ul.ClientSide li.AdminCheck{ width:20px; height:20px; float:right; margin-top:0px; margin-left:0px; clear:both; position:absolute; border:1px solid #EEEEEE;  background-color:#D9D9D9; text-align:center; }

.OrderStrip_Details ul.ClientSide li.PicHold{ width:65px; height:55px; float:left; margin-right:20px;  text-align:center; margin-top:10px; margin-left:20px;}
.OrderStrip_Details ul.ClientSide li.DetailsHold{ width:27%; height:100px; float:left; margin-right:15px;  margin-top:10px;}
.OrderStrip_Details ul.ClientSide li.PointsHold{ width:12%; height:100px; float:left; margin-right:15px;  margin-top:10px; }
.OrderStrip_Details ul.ClientSide li.StatusHold{ width:55%; height:100px; float:left;   text-align:right;  margin-top:10px;}

.OrderStrip_Details ul.ClientSide div.S_Text{ font-size:12px; font-weight:bold; color:#666666; margin-bottom:3px;}
.OrderStrip_Details ul.ClientSide div.L_Text{ font-size:12px; font-weight:Normal; color:#333333;}
.OrderStrip_Details ul.ClientSide div.L_Text span.Labs{ color:#999999 !important; padding-right:3px; clear:both; margin:0px !important;}
.OrderStrip_Details ul.ClientSide div.L_Text span.Det{ color:#333333 !important; padding-right:20px;}
.OrderStrip_Details ul.ClientSide div.L_Text span.Bld{ color:#666666 !important; font-weight:bold !important;}

/********************* PROGRESS BAR *****************************/
.StatusBarSection{ width:100%; border:none; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; position:relative !important;}

.StatusBarSection ul.FlagSec{ margin:0px; padding:0px; height:30px;}
.StatusBarSection ul.FlagSec li.AppFlag{ width:20%; float:left; height:25px; padding-top:4px; background-image:url(../images/BlueFlag.png); background-repeat:no-repeat; background-position:15px 2px; }

.StatusBarSection ul.FlagSec li.ProFlag{ width:30%; float:left; height:25px; padding-top:4px; background-image:url(../images/OrangeFlag.png); background-repeat:no-repeat; background-position:center 2px;}
.StatusBarSection ul.FlagSec li.ShipFlag{ width:30%; float:left; height:25px; padding-top:4px;  background-image:url(../images/GreenFlag.png); background-repeat:no-repeat; background-position:center 2px;}
.StatusBarSection ul.FlagSec li.DelFlag{ width:20%; float:left; height:25px; padding-top:4px;  background-image:url(../images/ChecFlag.png); background-repeat:no-repeat; background-position:50px 2px;}

.StatusBarSection ul.BarSec{ width:100%; height:24px; border:1px solid #aaaaaa; border-radius:5px;  background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));}

.StatusBarSection ul.BarSec li.BarBack{ width:360px; margin-left:5px; position:absolute; border:1px solid #aaaaaa; background-color:#d1d1d1; height:10px; margin-top:5px;}

.StatusBarSection ul.TitSec{ margin:0px; padding:0px; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; margin-top:5px;}
.StatusBarSection ul.TitSec li.AppCont{ width:20%; float:left; height:20px; padding-top:4px; height:35px; text-align:left;  }
.StatusBarSection ul.TitSec li.ProCont{ width:30%; float:left; height:20px; padding-top:4px; height:35px; text-align:center;}
.StatusBarSection ul.TitSec li.ShipCont{ width:30%; float:left; height:20px; padding-top:4px; height:35px; text-align:center;}
.StatusBarSection ul.TitSec li.DelCont{ width:20%; float:left; height:20px; padding-top:4px; height:35px; text-align:right;}

.meter { 
			height: 10px;  /* Can be anything */
			position: relative;
			margin:  0px; /* Just for demo spacing */
			
		}
		.meter > div.Bar {
			display: block;
			height: 100%;
			margin:0px !important;
			float:left;
		}
		
		
		
		.meter > div.Car { width:24px; float:left; margin-top:-2px; margin-left:-1px;}
		




/*-------------------------------------------------------------*/

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute !important;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	background-color:#FF3300;
	margin-left:-100px;
	margin-top:20px;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}












a.ToolTipAmaz {	display: inline-block;text-decoration:none;}
a.ToolTipAmaz img { border:none !important; outline:none !important;}
a.ToolTipAmaz:hover span{display:block;text-decoration:none; }
a.ToolTipAmaz span{	
	display:none;
	color:#333333;	
	 min-height:40px; padding-top:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:300px;
	text-align:left;
	position: absolute !important;
	z-index:10;
	margin-left:-150px !important;
	background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));
	border:1px solid #d9d9d9;
	box-shadow:0px 0px 2px 0px #999999;
    background-color:#E5E5E5 !important;

}
span.blue{
	background:rgba(41,137,216, 0.75);
	border:1px solid #1E5799;
}
span.red{
	background:rgba(247,49,49, 0.75);
	border:1px solid #F73131;
}
span.yellow{
	background:rgba(241,218,54, 0.75);
	border:1px solid #f1da36;
	color:black;
}
span.green{
	background:rgba(41,154,11, 0.75);
	border:1px solid #299a0b;
}


/*.ToolTipInsideCont{ width:300px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.ToolTipInsideCont ul{ list-style:none; padding:0px; margin:0px;}
.ToolTipInsideCont ul li.TopTxt{ width:100%; padding:3px; border-bottom: 1px solid #d9d9d9; }
.ToolTipInsideCont ul li.BotTxt_1{ width:25%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:25px; color:#666666;}

.ToolTipInsideCont ul li.BotTxt_2{ width:40%; float:left; padding:6px 3px 6px 6px; text-align:left; font-size:11px; height:25px; color:#666666;}*/

.ToolTipInsideCont{ width:300px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; z-index:1006;}
.ToolTipInsideCont ul{ list-style:none; padding:0px; margin:0px;}
.ToolTipInsideCont ul li.TopTxt{ padding:3px; border-bottom: 1px solid #d9d9d9; font-weight:bold; color:#000000;}
.ToolTipInsideCont ul li.TopTxt div.DateRight{ width:auto !important; float:right !important; clear:none; margin-right:8px; font-size:11px; color:#666666; font-weight:normal !important;}
.ToolTipInsideCont ul li.DesTxt{ padding:5px; border-bottom: 1px solid #d9d9d9; }
.ToolTipInsideCont ul li.CourName{ width:47.5%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:40px; color:#666666; text-align:center;}
.ToolTipInsideCont ul li.CourName div.Bld{ padding-bottom:5px; color: #000000;}
.ToolTipInsideCont ul li.BotTxt_1{ width:25%; float:left; padding:6px 3px 6px 3px; border-right:1px solid #d9d9d9; text-align:center; font-size:11px; height:25px; color:#666666;}

.ToolTipInsideCont ul li.BotTxt_2{ width:40%; float:left; padding:6px 3px 6px 6px; text-align:left; font-size:11px; height:25px; color:#666666;}


.OrderHead{ width:auto; float:left !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999; padding-bottom:5px; padding-top:5px; padding-left:10px;}


.RedLink{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important; text-decoration:none;}

.RedLink:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333 !important; padding-right:5px; padding-left:0px !important; float:left; width:auto; padding-top:10px; margin-left:20px; font-weight:normal !important;}


.TopPhotoChange { overflow:auto; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; border-bottom:1px solid #f5f5f5; margin-bottom:10px; padding-bottom:5px;}
.TopPhotoChange a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff0000 !important; text-decoration:none;}
.TopPhotoChange a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333 !important; text-decoration:none;}
.TopPhotoChange div.Photo{ width:50px; height:50px; padding:1px; border:1px solid #d9d9d9; float:left;}
.TopPhotoChange div.Photo img{ width:50px;}
.TopPhotoChange div.LeftBlock{ width:auto; margin-left:10px; padding-top:20px; float:left;}
.TopPhotoChange div.RightBlock{ width:auto; margin-left:10px; padding-top:20px; float:right; }

.LegendStyle { border:1px solid #d9d9d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; padding-bottom:15px; width:70%;}
.LegendStyle legend{ font-size:14px; font-weight:normal !important; color:#333333; padding:5px;}
.LegendStyle div.LegLab{ width:26.5%; float:left; clear:both; font-size:12px; text-align:left; margin-top:10px;}
.LegendStyle div.LegInp{ width:70%; float:left;  font-size:12px; text-align:left; margin-top:10px;}

.tooltip
{
background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ backgr    ound: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));
	border:1px solid #d9d9d9;
	box-shadow:0px 0px 2px 0px #999999;
	 min-height:40px; padding-top:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:300px;
	text-align:left;
	z-index:1005;
	padding: 8px;
	position: absolute;
	margin-left:-150px !important;
    background-color:#E5E5E5 !important;
}

.ClientBoard ul.HideShow li.Sep{ clear:both; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #d9d9d9; color:#000000; font-weight:normal; margin-bottom:10px; font-size:14px;}

.LoadingCircle {position:absolute; text-align:center;  padding-top:50px; margin-left:100px;}

.AdditionEmployeeEmail{ padding-bottom:5px; margin-bottom:5px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; overflow:auto;}
.AdditionEmployeeEmail div.DivStrong{ padding-bottom:5px; clear:both; width:100%; font-weight:bold !important; border-bottom:1px solid #d9d9d9; margin-bottom:5px;}
.AdditionEmployeeEmail div.CheckBx{ width:30px; float:left; margin-right:5px; clear:none !important;}
.AdditionEmployeeEmail div.TextLine{ width:auto; float:left; clear:none !important;}



/*----------------Newsletter--------*/

.PDFBor{ background-color:#ffffff; width:565px; border:1px solid #d9d9d9; padding:10px; margin:10px auto;   border-radius:5px; padding-bottom:25px; height:510px; overflow:auto; overflow-x:hidden !important; margin-bottom:25px !important;}


.ONL_TopHeader{ width:583px; border-bottom:1px solid #d9d9d9; padding:2px; overflow:hidden; height:62px; margin-left:-10px; margin-top:-5px; padding-bottom:5px;}
.ONL_TopHeader ul{ list-style:none; margin:0px; padding:0px; }
.ONL_TopHeader ul li.LogoImg{width:auto; float:left !important; clear:none !important;  padding:0px; margin:0px; }
.ONL_TopHeader ul li.LogoImg img{ height:63px;}
.ONL_TopHeader ul li.MontageImg{ width:auto;float:left !important; clear:none !important; padding:0px; margin:0px;}
.ONL_TopHeader ul li.MontageImg img{height:63px;}


.ONL_BOX{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin-top:10px; padding-bottom:15px; margin-bottom:10px;  height:100% !important; margin-bottom:25px; clear:both;}
.ONL_BOX ul.LeftBox{ width:49%; padding:0px; margin:0px; list-style:none; float:left; height:142px; margin-bottom:30px;}
.ONL_BOX ul.LeftBox li.AwardPic{ width:40px; height:40px;  border:1px solid #d9d9d9; margin-bottom:0px; background-color:#ffffff; float:right; margin-top:-35px;}
.ONL_BOX ul.LeftBox li.AwardPic img{ max-width:30px; margin:5px; }
.ONL_BOX ul.LeftBox li.TopList{ clear:both; width:100%; height:110px}
.ONL_BOX ul.LeftBox li.TopList div.PicDiv{ width:70px; height:70px; background-color:#ffffff; border:1px solid #d9d9d9; margin-top:3px;float:left; margin-right:10px;}
.ONL_BOX ul.LeftBox li.TopList div.PicDiv img{ max-width:66px; margin:2px;}
.ONL_BOX ul.LeftBox li.TopList div.ContDiv{ width:65%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; float:left;  margin-top:3px;}
.ONL_BOX ul.LeftBox li.TopList div.ContDiv div.LightTxt{font-weight:normal; color:#333333; margin-top:5px; font-style:italic; margin-bottom:7px;}
.ONL_BOX ul.LeftBox li.TopList div.ContDiv div.NomDate{font-weight:normal; color:#999999; margin-top:0px; font-size:11px; clear:both;}
.ONL_BOX ul.LeftBox li.BotList{ clear:both; height:25px; border:1px solid #d9d9d9; width:90%;}

.ONL_BOX ul.RightBox { width:49%; padding:0px; margin:0px; list-style:none; float:right; height:142px; margin-bottom:30px; }
.ONL_BOX ul.RightBox li.AwardPic{ width:40px; height:40px;  border:1px solid #d9d9d9; margin-bottom:0px; background-color:#ffffff; float:right; margin-top:-35px;}
.ONL_BOX ul.RightBox li.AwardPic img{ max-width:30px; margin:5px; }
.ONL_BOX ul.RightBox li.TopList{ clear:both; width:100%; height:110px}
.ONL_BOX ul.RightBox li.TopList div.PicDiv{ width:70px; height:70px; background-color:#ffffff; border:1px solid #d9d9d9; margin-top:3px;float:left; margin-right:10px;}
.ONL_BOX ul.RightBox li.TopList div.PicDiv img{ max-width:66px; margin:2px;}
.ONL_BOX ul.RightBox li.TopList div.ContDiv{ width:65%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; float:left;  margin-top:3px;}
.ONL_BOX ul.RightBox li.TopList div.ContDiv div.LightTxt{font-weight:normal; color:#333333; margin-top:5px;  font-style:italic; margin-bottom:7px;}
.ONL_BOX ul.RightBox li.TopList div.ContDiv div.NomDate{font-weight:normal; color:#999999; margin-top:0px; font-size:11px; clear:both;}
.ONL_BOX ul.RightBox li.BotList{ clear:both; height:25px; border:1px solid #d9d9d9; width:90%;}

.ONL_BOX ul.Paging{ padding:0px; margin:0px; list-style:none; margin-top:20px; !important;   height:auto !important; clear:both; position:absolute;  margin-top:718px; margin-left:515px; background-color:#d9d9d9; text-align:center; border-radius:5px 0px 5px 0px;}
.ONL_BOX ul.Paging li.Page{ width:auto; text-align:center; width:60px; height:30px; display:table-cell; vertical-align:middle; }


.MyRecognitionThread div.bld span.NoBold{ font-weight:normal !important; text-transform:uppercase; font-size:13px; }

.AllLeft th { text-align:left !important;}

.CentTD td { text-align:center !important;}


.ZocialClass {width:480px; clear:both; margin-left:510px; margin-top:30px; overflow:auto;font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:normal; clear:both; padding-top:10px; background: -moz-linear-gradient(top, #9F4C33 20%, #551A09 80%);background: -ms-linear-gradient(top, #9F4C33 20%, #551A09 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#9F4C33), color-stop(80%,#551A09)); padding:5px; border-radius:10px 0px 0px 10px; box-shadow:-1px 0px 1px 0px #000000; }
.ZocialClass div.Hds { width:98%; border-bottom:1px solid #d9d9d9; margin-bottom:10px; font-size:16px; padding-bottom:5px; color:#ffffff !important;}
.ZocialClass div.Ics { width:auto; margin-right:5px; margin-bottom:5px; float:left; clear:none; border:none !important; font-weight:normal !important;}

.ZocialClass_NL div.Hds { width:auto; border-bottom:1px solid #d9d9d9; margin-bottom:10px; font-size:16px; padding-bottom:5px; color:#ffffff !important; font-weight:bold;}
.ZocialClass_NL div.Ics { width:auto; margin-right:10px; margin-bottom:5px; float:left; clear:none; border:none !important; font-weight:normal !important;}


.ButTxt { padding:5px 10px 4px 10px; text-decoration:none !important;}


.scrollable ul { cursor:pointer !important;
}

.RightAln {width:auto; float:right !important; clear:none; margin-left:430px; cursor:pointer;}

.ClientBoard ul.HideShow li.LabelText3{  clear:both; width:100% !important; float:left; margin-bottom:8px; margin-bottom:5px;}

.CommuniGroup{ width:90%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; border:1px solid #d9d9d9; overflow:auto; padding:5px; }
.CommuniGroup div.divOne{ width:48%; float:left; clear:none; margin-bottom:5px;}
.CommuniGroup div.divOne input[type="checkbox"]{ margin-right:10px;}


.CommuniGroup{ width:90%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; border:1px solid #d9d9d9; overflow:auto; padding:5px; }
.CommuniGroup div.divOne{ width:48%; float:left; clear:none; margin-bottom:5px;}
.CommuniGroup div.divOne input[type="checkbox"]{ margin-right:10px;}




a.ToolTipAApp { display:block;text-decoration:none;}
a.ToolTipAApp img { border:none !important; outline:none !important;}
a.ToolTipAApp:hover span{display:block;text-decoration:none; }
a.ToolTipAApp span{ 
    font-family:font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333;   
 display:none;  
    font-weight:normal;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 min-width:180px;
 text-align:center;
 position:absolute !important;
 z-index:10;
    padding:5px;
    margin-left:-180px !important;
 
 background: -moz-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%); /* FF3.6+ */ background: -ms-linear-gradient(top, #E5E5E5 10%, #FEFEFE 90%);/* IE3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#E5E5E5), color-stop(90%,#FEFEFE));
 border:1px solid #d9d9d9;
 box-shadow:0px 0px 2px 0px #999999;
    background-color:#E5E5E5 !important;
    max-height:100px;
    overflow:auto;
    overflow-x:hidden;

}

    a.ToolTipAApp span b { font-weight:bold !important;
    }

   
   a.ToolTipAApp span li { width:100%; clear:both;text-align:left !important; float:left !important; margin-left:10px; padding-bottom:6px; list-style:square url(../../images/Sqr.png)}
    a.ToolTipAApp span div { width:110%; padding:4px; padding-left:15px; text-align:left !important; font-weight:bold; color:#ffffff !important; margin-bottom:10px; margin-left:-10px;  margin-top:-5px;
    }

   .ExtComm_ClientBoard{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; width:95%; margin:0px; padding:7px; border:1px solid #d9d9d9; overflow:auto;}
.ExtComm_ClientBoard ul.HideShow{ width:100%; list-style:none !important; margin:0px; padding:0px; display:block;}
 .ExtComm_ClientBoard ul.HideShow li.LabelText_AN{ padding-bottom:5px;  clear:both; width:25% !important; float:left; padding-top:6px; color:#000000;  padding-left:5px; margin-bottom:2px; margin-right:2px; } /*24-04-13*/
.ExtComm_ClientBoard ul.HideShow li.InputSection_AN{ padding-top:5px; width:70%; float:left; overflow:auto; margin-bottom:2px;  padding-left:10px; }/*24-04-13*/


.RewardCatelogue ul li.pic div.ICOSET{ width:auto; float:right; margin-top:-10px !important; clear:both; height:14px !important; padding:0px !important; margin-bottom:0px !important; margin-right:5px;}
.RewardCatelogue ul li.pic div.ICOSET div.ICO{ width:auto; float:left; clear:none; margin-top:10px !important;   height:14px!important; padding:0px !important; margin-bottom:0px !important;  padding-bottom:0px !important; margin-right:3px;}
.RewardCatelogue ul li.pic div.ICOSET div.ICO img { border:0px; vertical-align:middle; margin-top:0px !important; margin-bottom:0px !important; opacity:0.4 !important;}
.RewardCatelogue ul li.pic div.ICOSET div.ICO img:hover{ opacity:1.0 !important}


.PopLine{ line-height:16px; width:98%; }

#FooterMain ul li.lt{ width:40% !important; float:left; margin-left:10px; padding-top:10px; color:#3b3b3b;}
#FooterMain ul li.rt{ width:400px !important; float:right; text-align:right;}

#FooterMain ul li.rt div.Log { width:auto; float:right; margin-left:30px;}
#FooterMain ul li.rt div.Log2 { width:auto; float:right; margin-left:10px; margin-top:10px;}


.ClientFootNew{  width:1000px; height:40px;  margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44678A; border-top:1px solid #CFD4DA; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px;}	

/*.ClientFootNew{ height:30px; background-color:#ffffff;  width:1000px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#44678A; text-align:center; text-decoration:none; padding-top:10px;  box-shadow:-0px 0px 5px #999; margin:auto; margin-top:10px;}*/	
.ClientFootNew ul{ width:100%; list-style:none; margin:0px; padding:0px; color:#3b3b3b; padding:0px; }
.ClientFootNew ul li.lt{  width:40% !important; float:left; margin-left:10px; padding-top:10px; color:#3b3b3b;}
.ClientFootNew ul li.md{ width:40%; float:left; margin-left:5px; padding-top:10px;}
.ClientFootNew ul li.rt{ width:400px !important; float:right; text-align:right;}
.ClientFootNew ul li.rt div.Log { width:auto; float:right; margin-left:30px;}
.ClientFootNew ul li.rt div.Log2 { width:auto; float:right; margin-left:10px; margin-top:10px;}


.RightDivOT {
    font-size: 12px !important;
    color: #333333 !important;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    width:auto; float:right; 
}





/*******************ProductCatalogue-V2**********************/

/*.ProductCatV2{ width:95%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; padding:0px; margin:0px; margin-right:-5px !Important;clear:both;}
.ProductCatV2 ul.Shad{  border:1px solid #CFD4DA; border:1px solid #CFD4DA; border-right:none !important; list-style:none ; margin:0px ; clear:both; padding:0px; overflow:auto;  }
.ProductCatV2 ul.Shad li.Tits{  font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:18px; color:#4F7095; text-decoration:none; margin-bottom:10px !IMPORTANT; margin:0px; clear:both;  overflow:auto; padding-left:10px;}

.ProductCatV2 ul.Shad li.Strip{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#333333;  border-top:1px solid #E0E0E0; margin:0px !important; clear:both;  overflow:auto; padding-left:15px; padding-top:6px; padding-bottom:6px;  }
.ProductCatV2 ul.Shad li.Strip{ width:100% !important}
.ProductCatV2 ul.Shad li.Strip a{ width:100% !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#333333;  border-top:1px solid #E0E0E0; padding-top:6px; padding-bottom:6px; clear:both;  overflow:auto; padding-left:15px; border-left:10px solid #ffffff; text-decoration:none;  }

.ProductCatV2 ul.Shad li.Strip a:hover{ clear:both;  overflow:auto; padding-left:15px; border-left:10px solid #4F7095; text-decoration:none;  }*/


.ProductCatV2 { width:95%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333;padding: 0px;margin: 0px;margin-right:-5px !important;}
.ProductCatV2 ul.Box {list-style: none;margin: 0px;padding: 0px;border:1px solid #CFD4DA; border-right:none !important; list-style:none ; margin:0px ;}
.ProductCatV2 ul.Box li.Strip {margin: 0px;padding: 0px;}
.ProductCatV2 ul.Box li.Strip a {display: block;border-top: 1px solid #E0E0E0;text-decoration: none;color: #333333;padding-top:6px; padding-bottom:6px;padding-left:10px; border-left:10px solid #ffffff;}

.ProductCatV2 ul.Shad{ height:11px; background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; background-position:left top; padding:0px; margin:0px;}



.ProCatV2_StripTitle div{ width:auto; float:left; padding-left:10px; padding-right:20px; padding-top:2px; padding-bottom:2px; background-color:#F2F2F2;}

.ProCatV2_StripShad{ height:11px;  background-image:url(../../images/ProductCat_V2_shad.jpg); background-repeat:no-repeat; background-position:left top; padding:0px; margin:0px; clear:both; margin-bottom:5px;}

@font-face {
    font-family: Franklin Gothic Demi Cond;
    src: local(Franklin Gothic Demi Cond), url('../../fonts/FRADMCN.ttf') format('truetype');
}

.ProductV2_Skeleton{ font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-size:12px; color:#333333; text-decoration:none; font-weight:normal;}
.ProductV2_Skeleton ul{ width:200px; float:left; clear:none; margin:0px; padding:0px; margin-right:25px; list-style:none; margin-top:10px; margin-bottom:20px; padding:10px; }
.ProductV2_Skeleton ul:nth-of-type(3n+0) { margin-right:0px;}
.ProductV2_Skeleton ul:hover{box-shadow: 0px 0px 10px #888888;}
.ProductV2_Skeleton ul li.ProdImg{ height:75; width:100%; clear:both; text-align:center;  vertical-align:middle;}
.ProductV2_Skeleton ul li.ProdImg img{ max-height:75px;} 
.ProductV2_Skeleton ul li.LinkTit{ font-weight:bold !Important; margin-top:10px; margin-bottom:5px; clear:both; text-align:left; height:30px;}
.ProductV2_Skeleton ul li.LinkTit a{color:#333333; text-decoration:none;}
.ProductV2_Skeleton ul li.PointsStrip{ height:35px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.ProductV2_Skeleton ul li.PointsStrip div.PointsTxt{ width:auto; float:left; padding-top:5px; }
.ProductV2_Skeleton ul li.PointsStrip div.PointsTxt div.Pnts{ font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:20px; color:#333333; width:auto; float:left;}
.ProductV2_Skeleton ul li.PointsStrip div.TickBox{ width:auto; float:right; margin-top:5px;}
.ProductV2_Skeleton ul li.DescStrip{ font-size:12px; font-weight:none; color:#666666; height:45px; padding-top:5px;}

.RightZero{ margin-right:0px !important;}

.PointsDisplay{ width:100%; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px; padding:0px; border-bottom:1px solid #d9d9d9; padding-bottom:5px; overflow:auto; margin-bottom:10px; margin-top:5px;}
.PointsDisplay ul{ list-style:none; margin:0px; padding:0px; width:auto; }
.PointsDisplay ul li.PointsLab{ width:auto; clear:none; float:left; margin-right:5px; margin-top:8px;}
.PointsDisplay ul li.PointsNum{ width:auto; clear:none; float:left; margin-right:15px; padding:3px 10px; font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:20px; color:#000000;  background: -moz-linear-gradient(top, #E4E4E4 20%, #F7F7F7 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB)); box-shadow: inset 0px 0px 3px 0px #999; }






.custom-checkbox{
		width: 25px;
		height: 25px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("../../images/checkbox.png") no-repeat;
		margin-top:0px;
        cursor:pointer;
	}


.custom-checkbox.Disabled{
		width: 25px;
		height: 25px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("../../images/checkbox-Dis.png") no-repeat;
		margin-top:0px;
        cursor:default;
	}
	/*.custom-checkbox:hover{
		background: url("../../images/checkbox-hover.png") no-repeat;
	}*/

	.custom-checkbox input[type="checkbox"]{
		margin: 0;
		position: absolute;
		z-index: 2;            
		cursor:default;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
   
	
	.ProCatV2_PlainTitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4F7095;  overflow:auto; clear:both; margin-bottom:-25px;}
	
	.ViewAll_FP{ width:auto; float:right; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; font-weight:normal; margin-right:35px;}
	.ViewAll_FP input[type="button"]{ width:auto;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; font-weight:normal; padding:3px 6px; border-radius:10px 10px 0px 0px; border:none; box-shadow: 0px 0px 5px 0px #666666; cursor:pointer; background: -moz-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB));}



/**************************PRODUCT DETAILS PAGE*********************/

.ProductDetailsPageV2{ clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:normal; margin:0px; padding:0px; width:100%; margin-bottom:20px; overflow:auto;}
.ProductDetailsPageV2 ul.BigImage{ width:320px; margin:0px; padding:0px; clear:none; float:left; margin-right:20px; list-style:none;}
.ProductDetailsPageV2 ul.BigImage li{ width:320px; clear:both; padding:0px;}

.ProductDetailsPageV2 ul.BigImage li div.BG{ clear:both; margin-bottom:5px;}
.ProductDetailsPageV2 ul.BigImage li div.BG img{ max-width:315px;}


.ProductDetailsPageV2 ul.Details{ width:370px; float:left; clear:none; overflow:auto; list-style:none; padding:0px; margin:0px;}
.ProductDetailsPageV2 ul.Details li.Heading{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; overflow:auto;  margin:5px 0px; margin-top:0px !Important;}
.ProductDetailsPageV2 ul.Details li.Heading div.By{ font-size:14px; color:#333333;}
.ProductDetailsPageV2 ul.Details li.Heading div.By span{ font-size:12px; color:#A2A2A2;}
.ProductDetailsPageV2 ul.Details li.PointsSec{ clear:both; margin:5px 0px; overflow:auto;} 
.ProductDetailsPageV2 ul.Details li.PointsSec div.PointsDiv{ font-family:"Franklin Gothic Demi Cond",Arial, Helvetica, sans-serif !important; font-size:40px; color:#4F7095; width:40%; margin-right:20px !important; width:auto; float:left; clear:none; margin-top:10px;}
.ProductDetailsPageV2 ul.Details li.PointsSec div.PointsDiv span.Pts{ font-size:30px; color:#333333 !important; }
.ProductDetailsPageV2 ul.Details li.PointsSec div.PointsBOX{ width:200px; float:right; margin:10px 0px; clear:none; text-align:right;}
.ProductDetailsPageV2 ul.Details li.DescriptionSec{ margin:15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#666666;}

.ProductDetailsPageV2 ul.Details li.DescriptionSec div.Tit{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#4F7095; border-bottom:1px solid #d9d9d9; padding-bottom:0px; margin-bottom:10px;}
.ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt{ clear:both; overflow:auto; margin-top:5px;}

.ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt a{ color:#4F7095; text-decoration:none;}
.ProductDetailsPageV2 ul.Details li.DescriptionSec div.Txt a:hover{ color:#333333; text-decoration:underline;}

.DetailsPointsBox{ border:2px solid #d9d9d9; padding:5px; border-radius:5px; background: -moz-linear-gradient(top, #E4E4E4 20%, #F7F7F7 80%);background: -ms-linear-gradient(top, #ECECEC 20%, #FBFAFB 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ECECEC), color-stop(80%,#FBFAFB)); box-shadow:0px 0px 5px 0px #ccc;  width:180px !Important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; float:right;}
.DetailsPointsBox ul.BlueBox{ list-style:none; margin:0px; padding:0px; overflow:auto; }
.DetailsPointsBox ul.BlueBox li.Qty{ width:auto; float:left; clear:none;margin-right:5px; margin-top:9px;}
.DetailsPointsBox ul.BlueBox li.InpBox{ width:45px; float:left; clear:none; margin-right:10px; margin-top:4px;}
.DetailsPointsBox ul.BlueBox li.ButBox{ width:auto; float:right; clear:none; margin:0px;}


.CartDetails{ width:auto; float:right; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0px; padding:0px;}
.CartDetails ul.Cart{ list-style:none; margin:0px; padding:0px;}
.CartDetails ul.Cart li.CartIcon{ widows:27px; margin-right:10px; float:left; clear:none;}
.CartDetails ul.Cart li.PointDiv{ width:auto; float:right; text-align:right; border-left:1px solid #d9d9d9; padding-left:10px;}
.CartDetails ul.Cart li.PointDiv span{ color:#000000; font-weight:700;}


.AwardCallOut3 {
    background-image:url(../../images/CallOut.png);
    background-repeat: no-repeat;
    color: #FF0000;
    display: table-cell;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px !important;
    font-weight: 700 !important;
    height: 30px;
    margin-left: 20px;
    margin-top: -45px;
    padding-left: 3px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    z-index: 550;
	
}




#notificationContainer {
background: rgba(255, 255, 255, 0.95);

box-shadow:0px 0px 10px 0px #666;
overflow: visible;
position: absolute !important;
;
margin-left: -170px;
width: 300px;
z-index: 100;
display: none;
}


#notificationTitle div{ font-size:12px; color:#ffffff; width:auto; float:right; clear:none; font-weight:normal !important;}
#notificationsBody {
padding: 5px 0px 0px 0px !important;
min-height:100px;
overflow:auto;
max-height:300px
}
#notificationFooter {
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}

#notificationFooter a img { margin:0px 0px -3px 5px; opacity:1.0; border:none;}
#notificationFooter a:hover img { margin:0px 0px -3px 5px; opacity:0.8;}


#notificationFooter a{ color:#ffffff; text-decoration:none;}
#notificationFooter a:hover{ color:#333333; text-decoration:underline;}


#notification_count {
padding: 3px 7px 3px 7px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: 77px;
border-radius: 9px;
position: absolute;
margin-top: -11px;
font-size: 11px;
}

.CartNotifications{ width:100%; margin:0px; padding:0px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.CartNotifications ul.HorStrip{ height:65px; margin:0px; padding:5px; overflow:none; list-style:none; border-bottom:1px solid #d9d9d9;}
.CartNotifications ul.HorStrip li.PicBox{ width:54px; float:left; clear:none; margin-right:10px;}
.CartNotifications ul.HorStrip li.PicBox img{ width:50px; border:1px solid #A0A0A0; padding:3px;}
.CartNotifications ul.HorStrip li.DetBox{ width:75%; float:left; clear:none; }
.CartNotifications ul.HorStrip li.DetBox div.Tit{ font-weight:600; clear:both; margin-bottom:5px; text-align:left; color:#000000;}
.CartNotifications ul.HorStrip li.DetBox div.Points span{ font-size:12px; color:#333333; padding-left:5px;}
.CartNotifications ul.HorStrip li.DetBox div.IconEdit{ width:auto; float:right; clear:both; margin-top:-25px; margin-left:5px;}
.CartNotifications ul.HorStrip li.DetBox div.IconDel{ width:auto; float:right; clear:none;  margin-top:-25px;}







.OrderDetailsSearchTop{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0px !important; padding:0px; color:#333333; overflow:auto; width:100%; clear:both;}
.OrderDetailsSearchTop ul.OrderDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:150px; border:1px solid #d9d9d9; margin-right:7px; list-style:none;}
.OrderDetailsSearchTop ul.OrderDet:nth-of-type(2n+0) { margin-right:0px;}
.OrderDetailsSearchTop ul.OrderDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;}
.OrderDetailsSearchTop ul.OrderDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.OrderDetailsSearchTop ul.OrderDet li.ContLI span{ color:#999999; font-size:11px !important}
.OrderDetailsSearchTop ul.OrderDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;}
.OrderDetailsSearchTop ul.OrderDet li.ContLI div.LabTxt{ width:25%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;}
.OrderDetailsSearchTop ul.OrderDet li.ContLI div.ContTxt{ width:60%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;}

.OrderDetailsSearchTop ul.RecDet{ width:48%; float:left; clear:none; margin:0px; padding:0px; min-height:150px; border:1px solid #d9d9d9; margin-right:7px; list-style:none;}
.OrderDetailsSearchTop ul.RecDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px;}
.OrderDetailsSearchTop ul.RecDet li.ContLI{ clear:both; overflow:auto; padding:5px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.OrderDetailsSearchTop ul.RecDet li.ContLI span{ color:#999999; font-size:11px !important}
.OrderDetailsSearchTop ul.RecDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;}
.OrderDetailsSearchTop ul.RecDet li.ContLI div.LabTxt{ width:18%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;}
.OrderDetailsSearchTop ul.RecDet li.ContLI div.ContTxt{ width:69%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;}


.ProductDetailsSearchBox{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:15px 0px !important; padding:0px; color:#333333; margin-bottom:5px; overflow:auto; width:100%; clear:both;}
.ProductDetailsSearchBox ul.ProDet{ width:49%; float:left; clear:none; margin:0px; padding:0px; min-height:100px; border:1px solid #d9d9d9; margin-right:7px; list-style:none; margin-bottom:10px;}
.ProductDetailsSearchBox ul.ProDet:nth-of-type(2n+0) { margin-right:0px;}
.ProductDetailsSearchBox ul.ProDet li.HeadTxt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#4F7095; border-bottom:1px solid #d9d9d9; padding:5px 10px 5px 10px; margin-bottom:5px;}
.ProductDetailsSearchBox ul.ProDet li.ContLI{ clear:both; overflow:auto; padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.ProductDetailsSearchBox ul.ProDet li.ContLI span{ color:#999999; font-size:11px !important}
.ProductDetailsSearchBox ul.ProDet li.ContLI strong{ color:#333333; font-size:12px !important; float:left;}
.ProductDetailsSearchBox ul.ProDet li.ContLI div.FullTxt{ clear:both; margin-right:20px; color:#333333 !important; float:left; margin-top:5px; border-top:1px solid #d9d9d9; padding-top:5px; width:100%;}
.ProductDetailsSearchBox ul.ProDet li.ContLI div.LabTxt{ width:30%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;}
.ProductDetailsSearchBox ul.ProDet li.ContLI div.ContTxt{ width:40%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;}

.ProductDetailsSearchBox ul.ProDet li.ContLI div.LabTxt2{ width:30%; margin-right:20px; color:#787878 !important; float:left; margin-bottom:5px; clear:both;}
.ProductDetailsSearchBox ul.ProDet li.ContLI div.ContTxt2{ width::40%; margin-right:20px; color:#333333; float:left; margin-bottom:5px;}


.WhiteTxt { color:#ffffff !important;
}

.MaxWidth130 { max-width:130px !important;}

.MainTitles span.Tit{ width:auto; float:left;}
.MainTitles div.scrum{ font-size:12px !important; width:auto; float:left; color:#333333; margin-top:8px; margin-left:5px; }
.MainTitles div.shopping{ width:35%; float:right; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-align:right; margin-right:26px;}
.MainTitles div.shopping ul{ list-style:none; margin:0px; padding:0px;}
.MainTitles div.shopping ul li{ float:right;}
.MainTitles div.shopping ul li.pic{ width:auto; float:right; margin-right:8px;}
.MainTitles div.shopping ul li.line{ border-right:1px solid #d9d9d9; padding-right:5px; margin-right:5px; width:auto; float:right;}



.tabDiv{ height:auto !important; width:100% !important; overflow:auto; }

#slide-panelTop{ background-color:#000; display:none;height:650px; width:100%; text-align:center; margin:auto; border-bottom:2px solid #d0d0d0;}

.slide {width:950px; margin:auto;}
.btn-slide:link, .btn-slide:visited{
   
    float:right; 
    display:block;
    font-size:22px; 
    font-weight:bold; 
    padding:0px 20px ;
    padding-top:0px;    
    text-align:center;
    text-decoration:none;
    min-width:100px;
    height:27px;
    margin-top:-5px;
    font-family:CAC Champagne;
    border-radius:0px 0px 7px 7px;
    box-shadow:0px 2px 5px 0px #000000;
    z-index:999;
     background: -moz-linear-gradient(top, #d0d0d0 20%, #ffffff 80%);
     background: -ms-linear-gradient(top, #d0d0d0 20%, #ffffff 80%); 
     background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d0d0d0), color-stop(80%,#ffffff));

}

.btn-slide:after {
content: "Read this -";
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	
	border-top: 10px solid #ffffff;
margin-top: 3px !important;
margin-left: 35px;
}





#TopStrip ul li.HOFTxt{ width:auto; margin:auto; float:right; position:absolute; margin-left:300px; z-index:999;}






<!-----------------------MY DASHBOARD------------------------------>

.DAshB_Box{ background:#ffffff !important;   width:100%; height:auto; overflow:auto; margin:0px; padding:0px; overflow:auto;  font-family: Open Sans Light, Arial,Helvetica,sans-serif;  font-size: 14px; color:#ffffff; margin-bottom:10px; clear:both; box-shadow:0px 0px 5px 0px #999999;}

.DAshB_Box ul:nth-of-type(5n){ margin-right:0px !Important;}
.DAshB_Box ul li.BigTxt{ font-size:25px; width:100%; margin-bottom:5px;}
.DAshB_Box ul li.SmallTxt{ font-size:14px; width:70%; margin-bottom:5px; line-height:14px;}
.DAshB_Box ul li.IconImg{ position:absolute; margin-left:80px; margin-bottom:-5px; height:60px; vertical-align:bottom;}
.DAshB_Box ul li.IconImg img { border:none !important;}

.DAshB_GraphBox{ width:100%; font-family: Open Sans Light, Arial,Helvetica,sans-serif; font-size: 12px; color:#000000; padding:0px; margin:0px; border:1px solid #dddddd;/* overflow:auto;*/ clear:both; min-height:220px;}
.DAshB_GraphBox ul{ width:100%; padding:0px; margin:0px; list-style:none;}
.DAshB_GraphBox ul li.Header{ background-color:#efefef; font-size:20px; clear:both; padding:5px 5px; font-weight:normal;}
.DAshB_GraphBox ul li.GraphSec{ padding:10px;text-align:center; width:90%; }

.GraphScroll{ padding:10px 30px; width:90%; margin:auto; margin-top:20px; overflow:hidden; }

.GraphScroll ul.ScrollUI{ list-style:none; padding:10px !important; margin:0px; width:auto; background-color:#f2f2f2; overflow:auto;}
.GraphScroll ul.ScrollUI li.GraphCont{ width:190px; margin-right:17px; float:left; clear:none; background-color:#ffffff;}


.ThemeLight{ background-color:#cfd4da !important; font-size:12px !important; height:30px;}

.DAshB_GraphBox ul li.GraphSec div ul{ list-style:none; margin:0px; padding:0px;}
.DAshB_GraphBox ul li.GraphSec div ul li.Controls{ padding:5px; margin-bottom:10px; border-bottom:1px solid #d9d9d9;  text-align:left;  overflow:auto;  margin-right:10px;}

.DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine { width:32%; float:left; margin-right:10px; clear:none;}
    .DAshB_GraphBox ul li.GraphSec div ul li.Controls div.UnderLine:nth-of-type(3n+0) { margin-right:0px;
    }
.DAshB_GraphBox ul li.GraphSec div ul li.Controls  div.UnderLine div.lab{ float:left; clear:none; margin-bottom:5px;}
.DAshB_GraphBox ul li.GraphSec div ul li.Controls  div.UnderLine div.inp { clear:both; 
    }

.DAshB_GraphBox ul li.GraphSec div ul li.Graph{ clear:both; padding:5px; }

/*--
.DAshB_Box ul.PhotoBox{ width:120px; height:48px; padding:8px;   
background: -moz-linear-gradient(top, #f5f5f5 20%, #e3e3e3 80%);
background: -ms-linear-gradient(top, #f5f5f5 20%, #e3e3e3 80%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f5f5f5), color-stop(80%,#e3e3e3)); border-radius:5px; border:none; box-shadow:0px 0px 2px 0px #999999; cursor:default; float:left; clear:none; margin-right:0px; color:#ffffff; font-weight:normal; list-style:none; padding-top:20px !important;}*/
.DAshB_Box ul.PhotoBox{ width:156px; height:58px; padding:8px 2px; background:none; border:none; box-shadow:none; border-radius:0px; cursor:default; float:left; clear:none; margin-right:0px; color:#333333; font-weight:normal; list-style:none; padding-top:10px !important;}
.DAshB_Box ul.PhotoBox li.Photo{ width:42px; height:42px; padding:1px; background-color:#ffffff; float:left; clear:both; border:1px solid #d1d1d1; }
.DAshB_Box ul.PhotoBox li.Photo img{ width:42px; height:42px;}
.DAshB_Box ul.PhotoBox li.Name{ width:75px; float:left; clear:none; color: #333333; margin-left:5px; font-size:12px; font-weight:none;}
.DAshB_Box ul.PhotoBox li.LinkTxt{ font-weight:normal; text-align:left; width:100%; clear:both;}
.DAshB_Box ul.PhotoBox li.LinkTxt a{ color:#4F7095; text-decoration:none; font-weight:normal; font-size:11px; padding-top:5px;}

.DAshB_Box ul.PhotoBox li.LinkTxt a:hover{ color:#ff0000;}

/*--Show error logs on 3rd Feb */
.ShowErrorLog{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B3B3B; text-decoration:none; width:100%; margin:0px; padding:0px; overflow-x:hidden;}
.ShowErrorLog ul{ width:100%; list-style:none !important; margin:0px; padding:0px; clear:both;}
.ShowErrorLog ul li.LabelTxt{ width:15%; margin-right:25px; float:left; clear:none; margin-top:5px;}
.ShowErrorLog ul li.InpBox{ width:35%; clear:none; float:left;  }
.ShowErrorLog ul li.calIcon{ width:auto; float:left; clear:none; margin-right:15px; margin-top:5px;}
.ShowErrorLog ul li.SubBut{ width:auto; clear:none; float:left; }

#divReportView { clear:both; overflow:auto;
}

.InstaInfo { width:20px;float:right; clear:none; height:30px; position:absolute; margin-left:170px; margin-top:0px;
}